[CSS] L'élément body

**le Dim Déc 21, 2008 21:43**

Bonjour,

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

Code: Tout sélectionner: body { width:980px; }

Est-ce respectueux des normes ou non ?

Merci

**le Dim Déc 21, 2008 22:48**

Oui bien sûr, mais pourquoi un # ?

**le Lun Déc 22, 2008 0:01**

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.

**le Lun Déc 22, 2008 0:21**

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 ?

**le Lun Déc 22, 2008 0:51**

Code: Tout sélectionner: <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.

**le Lun Déc 22, 2008 9:05**

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

**le Lun Déc 22, 2008 9:09**

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

**le Lun Déc 22, 2008 9:25**

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

Parce que j'me suis trompé

corrigé

[CSS] L'élément body

[CSS] L'élément body

Lectures recommandées sur ce thème :

Qui est en ligne