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

HTML5, CSS3, Javascript, support des mobiles... Que penser de votre site ? Vous manquez d'informations pour la construction d'un site qui puisse s'afficher correctement partout ? C'est un problème simple, un peu complexe ? Venez ici !

Modérateur : Asumbaa

Répondre
gaerun
Salamandre
Messages : 28
Enregistré le : 02 nov. 2003, 00:05

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

Message par gaerun » 03 janv. 2004, 19:00

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
Modifié en dernier par gaerun le 06 avr. 2006, 08:50, modifié 1 fois.

Benoit
Administrateur
Messages : 4894
Enregistré le : 19 juil. 2003, 10:59

Message par Benoit » 03 janv. 2004, 19:18

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.

gaerun
Salamandre
Messages : 28
Enregistré le : 02 nov. 2003, 00:05

Message par gaerun » 04 janv. 2004, 16:08

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.

mat
g3ck0m4st3r
Messages : 57
Enregistré le : 31 juil. 2003, 04:02

Message par mat » 04 janv. 2004, 23:28

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 :)

Répondre

Qui est en ligne

Utilisateurs parcourant ce forum : Aucun utilisateur enregistré et 2 invités