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 :

dimensions d'une homepage sans scrollbar tout navigateur confondu ?


Sujet :

HTML

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé
    Profil pro
    Inscrit en
    Octobre 2002
    Messages
    347
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2002
    Messages : 347
    Par défaut dimensions d'une homepage sans scrollbar tout navigateur confondu ?
    bonjour,

    y-a-t-il ou existe-il une normalisation de la dimension (en taille pas en poids) d'une homepage? j'en ai pas trouvé.

    donc j'ai tenté d'en faire une :

    j'ai refais les textes de dimensions d'une page internet sans scrollbar dans une résolution de 1024x768.

    Pour avoir une homepage qui tienne en une page, sans scrollbar active (mais présent dans IE), il faut une page en :

    982 x 585 pixel

    Safari suit, firefox aussi (si pas de barre personnelle car yen a une par défaut)

    Si on se fixe uniquement sur un Windows XP-sp2, thème XP par défaut, IE7 (pas IE6) par défaut, sans google barre , alors on peut monter à :

    982x589

    voilà, bon à savoir

  2. #2
    Membre confirmé
    Profil pro
    Inscrit en
    Février 2008
    Messages
    43
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2008
    Messages : 43
    Par défaut
    Tu peux essayer un width et un height sur une div global qui entourerait toute ta page un peu comme ceci :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
     
    <body>
       <div style="width:100%;height:100%">
          Le contenu de la page ici
       </div>
    </body>
    Mais par contre pour que la hauteur à 100% fonctionne bien dans tout les navigateur, tu dois ajouter cette ligne dans ta feuille de style :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    html, body {height:100%}
    Je ne sais pas si c'est ça que tu voulais faire, mais c'est un exemple de comment j'aurais fait pour faire fonctionner ma page d'accueil peut importe la résolution et qu'elle prenne toute la page.

  3. #3
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 931
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 931
    Par défaut
    @USA Mike : C'est sans compter le fait que tout le monde ne met pas le navigateur en pleine page, que tout le monde a des toolbar différentes et de hauteurs différentes aussi (Google, Webdeveloper, ..), qu'on peut paramétrer la taille des icones, que la barre des tâches peut être sur une, deux voire plus de lignes, etc.

  4. #4
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par défaut
    du coup faudrait tout coller en pourcentage jusque la taille des images, les fonts ....
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  5. #5
    Membre éclairé
    Profil pro
    Inscrit en
    Octobre 2002
    Messages
    347
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2002
    Messages : 347
    Par défaut ok
    bonjour, merci d'avoir répondu.

    en faît, ce que je veux savoir c'est en 2008, est-ce qu'il y a une norme de taille de site ? ou un standard.

  6. #6
    Inactif  
    Avatar de Kerod
    Profil pro
    Inscrit en
    Septembre 2004
    Messages
    11 672
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2004
    Messages : 11 672
    Par défaut
    Selon les statistiques la résolution la plus utilisé est 1024*768.

    Maintenant à toi de faire un choix par rapport à cette résolution ou non.

  7. #7
    Membre averti
    Profil pro
    Inscrit en
    Décembre 2007
    Messages
    40
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2007
    Messages : 40
    Par défaut
    Citation Envoyé par GoldenToad Voir le message
    Tu peux essayer un width et un height sur une div global qui entourerait toute ta page un peu comme ceci :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
     
    <body>
       <div style="width:100%;height:100%">
          Le contenu de la page ici
       </div>
    </body>
    Mais par contre pour que la hauteur à 100% fonctionne bien dans tout les navigateur, tu dois ajouter cette ligne dans ta feuille de style :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    html, body {height:100%}
    Je ne sais pas si c'est ça que tu voulais faire, mais c'est un exemple de comment j'aurais fait pour faire fonctionner ma page d'accueil peut importe la résolution et qu'elle prenne toute la page.
    Bonjour

    merci pour bout de code c'est ce que je cherchais , mais je n'arrive pas à le faire fonctionner je ne sait pas si j'ai pas oublier quelque chose.
    merci de l'aide!

Discussions similaires

  1. Proteger une requete sans proteger toute la BD.
    Par Bonero dans le forum Sécurité
    Réponses: 1
    Dernier message: 25/07/2011, 13h52
  2. Réponses: 5
    Dernier message: 19/03/2008, 03h44
  3. [Image] Connaitre les dimensions d'une image sans la charger
    Par FredN dans le forum Entrée/Sortie
    Réponses: 2
    Dernier message: 16/01/2006, 12h06
  4. Provoquer une déconnexion sans fermer le navigateur
    Par Musty dans le forum Général Conception Web
    Réponses: 2
    Dernier message: 10/10/2005, 01h20

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