[CSS] L'élément body

dorian53 · 21 Décembre 2008

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

Marie-Aude · 21 Décembre 2008

Oui bien sûr, mais pourquoi un # ?

jcaron · 22 Décembre 2008

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.

Marie-Aude · 22 Décembre 2008

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 ?

jcaron · 22 Décembre 2008

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.

luxe-campagne · 22 Décembre 2008

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é...

seebz · 22 Décembre 2008

@jcaron : IE n'appliquera pas les margin:auto; si tu ne définis pas de doctype

dorian53 · 22 Décembre 2008

Marie-Aude a dit:
Oui bien sûr, mais pourquoi un # ?

Parce que j'me suis trompé

corrigé