OVH Cloud OVH Cloud

hauteur en % et doctype strict

3 réponses
Avatar
pifou
Bonjour
Comment se fait-il que dès que le doctype est strict(html ou xhtml), les
dimensions en % ne sont plus respectées ?
exemple :
<div style="background-color: yellow; height: 100%">
glop glop
</div>
là ça couvre toute la fenêtre, et si on ajoute un doctype comme celui-ci
, ça ne tient plus compte de la hauteur en %
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Si le doctype est transitional, aucun souci.
Merci.

3 réponses

Avatar
Thibaut Allender
on 20/05/2004 1:45, pifou wrote :

là ça couvre toute la fenêtre, et si on ajoute un doctype comme celui-ci
, ça ne tient plus compte de la hauteur en %
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Si le doctype est transitional, aucun souci.



tu dois alors specifier height: 100% pour html et body

--
thibaut allender | freelance | web|system developer|designer
+32 496 26 75 76 | http://capsule.org *new version*
Avatar
Hervé
Thibaut Allender a écrit :
on 20/05/2004 1:45, pifou wrote :

là ça couvre toute la fenêtre, et si on ajoute un doctype comme
celui-ci , ça ne tient plus compte de la hauteur en %
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Si le doctype est transitional, aucun souci.



tu dois alors specifier height: 100% pour html et body



Tiens c'est ce que je viens de croiser ici :

http://www.alsacreations.com/blog/index.php?2004/05/13/3-height

--
Hervé
Avatar
pifou
Hervé a écrit :
Thibaut Allender a écrit :

on 20/05/2004 1:45, pifou wrote :

là ça couvre toute la fenêtre, et si on ajoute un doctype comme
celui-ci , ça ne tient plus compte de la hauteur en %
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Si le doctype est transitional, aucun souci.




tu dois alors specifier height: 100% pour html et body




Tiens c'est ce que je viens de croiser ici :

http://www.alsacreations.com/blog/index.php?2004/05/13/3-height



Merci à tous les 2, j'avais trouvé la soluce entre-temps mais merci
quand même