[CSS] L'élément body

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par dorian53, 21 Décembre 2008.

  1. dorian53
    dorian53 WRInaute passionné
    Inscrit:
    10 Avril 2005
    Messages:
    1 886
    J'aime reçus:
    1
    Bonjour,

    Avec une DTD XHTML 1.0 Transitional, peut-on indiquer une taille (avec la propriété width) à l'élément body ?

    Code:
    body {
    width:980px;
    }
    Est-ce respectueux des normes ou non ?

    Merci
     
  2. Marie-Aude
    Marie-Aude WRInaute accro
    Inscrit:
    5 Juin 2006
    Messages:
    16 686
    J'aime reçus:
    154
    Oui bien sûr, mais pourquoi un # ?
     
  3. jcaron
    jcaron WRInaute accro
    Inscrit:
    13 Février 2004
    Messages:
    2 579
    J'aime reçus:
    0
    Il est probablement plus pertinent d'appliquer cette taille sur un div à l'intérieur du body, non? Parce que l'interprétation de la taille d'un body est certainement ouverte à spéculation...

    Jacques.
     
  4. Marie-Aude
    Marie-Aude WRInaute accro
    Inscrit:
    5 Juin 2006
    Messages:
    16 686
    J'aime reçus:
    154
    Selon le W3C width d'applique à tous les éléments sauf à ceux "inline" et aux lignes des tables.
    Le body étant lui même un contenant à l'intérieur du html, pourquoi est ce que ça ne marcherait pas ?
     
  5. jcaron
    jcaron WRInaute accro
    Inscrit:
    13 Février 2004
    Messages:
    2 579
    J'aime reçus:
    0
    Code:
    <html>
            <body style="width: 400px; margin-left: auto; margin-right: auto; border: solid 10px blue; background: red">
                    <p>blah</p>
            </body>
    </html>
    
    FF et Opera sont vaguement d'accord, IE pas du tout.

    En plus la spec CSS prévoit bien des traitements particuliers sur le BODY dans certains cas (voir http://www.w3.org/TR/CSS21/colors.html#background -qui explique que le fond soit rouge partout dans l'exemple ci-dessus, et pas qu'à l'intérieur du cadre bleu- et http://www.w3.org/TR/CSS21/visufx.html#overflow), ce qui fait qu'il vaut mieux de façon générale éviter de considérer que le body soit un élément "comme un autre", et autant que possible considérer que html == body == canvas et travailler à l'intérieur de cet espace.

    Mais ce n'est que mon avis :)

    Jacques.
     
  6. luxe-campagne
    luxe-campagne WRInaute impliqué
    Inscrit:
    8 Octobre 2005
    Messages:
    938
    J'aime reçus:
    0
    il est possible de faire une division ayant pour identifiant "body" mais pour le vrai, l'authentique bloc "body" qui n'est pas une division mais contient tout ce qui se voit dans le corps de la page, on ne peut guère le réduire à un nombre de pixel, ça n'a pas de sens...
    On peut au contraire spécifier qu'il fait 100% de la hauteur et de la largeur de la fenêtre. L'élément parent de body est "html" mais cet élément n'est pas vraiment visible dans la page et ne peut donc pas être décoré...
     
  7. seebz
    seebz WRInaute impliqué
    Inscrit:
    15 Avril 2007
    Messages:
    722
    J'aime reçus:
    0
    @jcaron : IE n'appliquera pas les margin:auto; si tu ne définis pas de doctype ;)
     
  8. dorian53
    dorian53 WRInaute passionné
    Inscrit:
    10 Avril 2005
    Messages:
    1 886
    J'aime reçus:
    1
    Parce que j'me suis trompé :) corrigé
     
Chargement...
Similar Threads - [CSS] élément body Forum Date
[CSS] Application (non souhaitée) d'un effet au parent via :not(:hover) Développement d'un site Web ou d'une appli mobile 17 Novembre 2020
[CSS] Alignement de cadre. Développement d'un site Web ou d'une appli mobile 24 Mai 2013
[CSS] Aligner une image à coté d'une div en display:table-cell ? Développement d'un site Web ou d'une appli mobile 2 Mai 2012
[CSS] Alignement vertical du texte Développement d'un site Web ou d'une appli mobile 20 Avril 2011
[css] Petit souci pour le menu du jour! Développement d'un site Web ou d'une appli mobile 29 Août 2010
[css] Comment centrer un bloc css? Développement d'un site Web ou d'une appli mobile 25 Août 2010
[CSS] Comment faire apparaître le sous-menu ? Développement d'un site Web ou d'une appli mobile 22 Juillet 2010
[CSS] Overflow, float:right, et internet explorer Développement d'un site Web ou d'une appli mobile 10 Août 2009
[css] <li> image en vertical-align:bottom Développement d'un site Web ou d'une appli mobile 18 Juillet 2009
[CSS] bouton non cliquable Développement d'un site Web ou d'une appli mobile 16 Juillet 2009
[CSS] IE8 Développement d'un site Web ou d'une appli mobile 15 Juillet 2009
[CSS] decalage image et texte Développement d'un site Web ou d'une appli mobile 18 Juin 2009
[CSS] : scroller overflow et ie6 :-( Développement d'un site Web ou d'une appli mobile 12 Mai 2009
[CSS] bouton submit + image arriere plan Développement d'un site Web ou d'une appli mobile 20 Avril 2009
[CSS]Positionner la colonne centrale en haut du source Développement d'un site Web ou d'une appli mobile 29 Mars 2009
[Résolu] [CSS] Lien sur tout un div Développement d'un site Web ou d'une appli mobile 23 Février 2009
[CSS] : menus déroulants Développement d'un site Web ou d'une appli mobile 15 Décembre 2008
[CSS] : problème de mise en page FF3 Développement d'un site Web ou d'une appli mobile 31 Août 2008
[CSS] (encore!) pas compatible FF Développement d'un site Web ou d'une appli mobile 30 Juin 2008
[RESOLU] [CSS] : rajouter une div Développement d'un site Web ou d'une appli mobile 26 Juin 2008