Geckozone

Bonjour. Je suis confronté à un problème étrange :
J'ai une page avec deux div, que je veux faire s'étaler sur toute la page en hauteur (chacun 50%).
Je mets donc la propriété "height" des deux div à 50%. Ca fonctionne si la page utilise la dtd html 4.01, mais pas si elle utilise la dtd xhtml 1.0.

en html
en xhtml

Si vous pouviez me dire ce qui m'échappe...
Merci

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.0; fr; rv:1.8.0.1) Gecko/20060111 Firefox/1.5.0.1

Opera fait la même chose donc il doit y avoir une raison, je me demande si ce n'est pas quelque chose à propos de l'élément <body> qui est traité différemment.

Bref, en ajoutant

Code : Tout sélectionner

html {height:100%;}
body {height:97%;}

(ne me demande pas pourquoi 97%) ça donne à peu près ce que tu veux.

Super, ça marche, merci.

Mais ça m'intrigue quand même, cette histoire de 97%.
xhtml et html ne sont-ils pas censés utiliser la même CSS par défaut ?
Ou puis-je trouver des renseignements de cet ordre ?
(il y a bien le fichier res/html.css dans le répertoire de mozilla, mais comment est-il utilisé ?)

Merci d'avance pour les éclairements.

en xhtml, le viewport devient l'element html et non body.
ca fait partie des petites subtilités a savoir, c'est marqué noir sur blanc dans la recommandation :)

Geckozone

propriété "height" : html vs. xhtml

propriété "height" : html vs. xhtml