OVH Cloud OVH Cloud

pb sur la hauteur des boites

1 réponse
Avatar
Christophe
Bonjour,

Il semblerait qu'il y ait des incompatibilité entre la hauteur d'une
boite en % et une DTD stricte. Exemple, la page suivante :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<style type="text/css">
.boite {width:50% ; height:50% ; background-color:gray}
</style>
</head>

<body>
<div class="boite">sqdf</div>
</body>
</html>

dans IE et gecko, la largeur se met bien à 50%, mais la hauteur est
réduite à celle de la ligne.
Si j'enlève la DTD, ça passe nickel dans IE et gecko.

Comment faire pour que cela marche en stricte ?
--
____________________________________________________________________

http://batraciens.net/
"BATRACIENS" : Un site consacré à l'élevage et à la maintenance des
batraciens, aquatiques ou terrestres.
Nombreuses Photos et articles de maintenance. Petites annonces.
____________________________________________________________________
____________________________________________________________________

1 réponse

Avatar
A. L.
Christophe wrote:

Comment faire pour que cela marche en stricte ?



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<style type="text/css">
.boite {width:50% ; height:50% ; background-color:gray}
html, body { width: 100%; height: 100%; margin: 0;}
</style>
</head>

<body>
<div class="boite">sqdf</div>
</body>
</html>

Attention, si l'on met des marges sur le body, il peut y avoir des
ascenceurs...

--
Arnaud,
http://al.blog.typhon.net/blog/