Bonjour à tous,
J'ai testé un bout de code html/css, j'aimerai que vous me disiez ce que vous en pensez :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Document sans titre</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <link rel="stylesheet" type="text/css" href="essai.css" /> </head> <body> <div id="conteneur"><div id="bloc1">blalba</div><div id="bloc2">bloblo</div></div> </body> </html>
html { height: 100%; } body { margin: 0; height: 100%; border: 1px solid #FF0099; } #conteneur { background: #FFFFFF; width: 500px; height: 100%; border: 1px solid #FF9900; margin-left: auto; margin-right: auto; } #bloc1 { height: 100px; width: 100%; border: 1px solid #0099FF; } #bloc2 { height: 100%; width: 100%; border: 1px solid #99FF00; }
1/ IE6 et Firebird ne donnent pas le même résultat. Sous Firebird il n'y a qu'un cadre (le vert) qui dépasse, sous IE tous les cadres dépassent.
2/ Pourquoi est-ce qu'en largeur, 100% ne prend que l'espace libre, tandis qu'en hauteur, ça prend la dimension de la fenêtre ???
Ca me fout toute ma prog css par terre ça... impossible de faire du 100% en hauteur...