IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

HTML Discussion :

largeur de page


Sujet :

HTML

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Inscrit en
    Avril 2007
    Messages
    159
    Détails du profil
    Informations forums :
    Inscription : Avril 2007
    Messages : 159
    Par défaut largeur de page
    mon pb peut vs paraitre tres simple, c'est que je suis entrain de developper une un application web sur un poste dont l'ecran est 17°, quand je l'heberge sur un serveur et j'y accede a partir d'un ecran 15%, les pages apparaissent tres larges et tres moches à voir.

    J'ai essayé de preciser 75% dans la largeur du tableau e la mise forme mais ca marche toujours pas

  2. #2
    Membre averti
    Profil pro
    Inscrit en
    Mars 2007
    Messages
    18
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2007
    Messages : 18
    Par défaut
    La taille de l'écran n'influe pas sur l'affichage, ce qui influe c'est la résolution.
    Pour que ton appli soit compatible avec un maximum de postes, il faut faire un choix.

    Soit tu veux que toutes les resolutions affichent correctement tes pages, dans ce cas les % sont adaptés.

    Une autre solutions est de définir une taille fixe, mais du coup les petites résolutions passent mal. En général je met des largeures fixes à 750px, comme toutes les résolutions passent correctement dès le 800x600. Cette solution est plus pratique car tes élements (images, textes) auront toujours la meme disposition.

    Essaie un code comme ceci pour la taille en % :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
     
    <html><head></head>
    <body>
    <div style="width: 75%; border: thin solid black">
    <!-- ta page ici -->
    </div>
    </body>
    </html>
    Et pour une largeur fixe :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
     
    <html><head></head>
    <body>
    <div style="width: 750px; border: thin solid black">
    <!-- ta page ici -->
    </div>
    </body>
    </html>

  3. #3
    Membre confirmé
    Inscrit en
    Avril 2007
    Messages
    159
    Détails du profil
    Informations forums :
    Inscription : Avril 2007
    Messages : 159
    Par défaut
    La largeur fixe ne m'interesse pas, vu que il se peut q'un epersonne avec une resolution diférente y accède, par contre avec % ca n'a pas marché

  4. #4
    Membre averti
    Profil pro
    Inscrit en
    Mars 2007
    Messages
    18
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2007
    Messages : 18
    Par défaut
    Avec une largeur fixe de 750px toutes les résolutions peuvent l'afficher correctement.

    En %, mon code marche, tu peux l'essayer dans une page vierge.

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Largeur de page et ascenceur
    Par jubourbon dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 07/01/2009, 15h21
  2. div en float et largeur de page
    Par mdr_cedrick dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 04/11/2008, 14h10
  3. Réponses: 4
    Dernier message: 13/10/2008, 11h56
  4. J'ai un problème de largeur de page
    Par robine01 dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 04/06/2008, 15h51
  5. Largeurs de pages et images fixes
    Par lelapinou dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 10/05/2008, 16h54

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo