5568 sujets

Sémantique web et HTML

Deux div à 100% ok mais trois ?

J'ai vu dans ce forum des personnes galérant pour mettre des colonnes (div) à 100%, j'ai fini par réussir, ceci dit comme je fais rien de simple je voudrais la même chose avec 3 voir 4 zone verticales à 100% !
Je joins un exemple de code qui fonctionne bien sur opera et firefox (bien qu'il y manque un "bout" de bordure en haut ?!) mais pas sous IE 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Document sans nom</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style>
html,body {
	height: 95%;
	margin: 5px;
	padding: 0;
}
html>body #container {
	display: table;
	width: 800px;
}
#container {
	width: 800px;
	position: absolute;
	height: 100%;
	border: 1px solid #000;
}
html>body #gauche {
	display: table-cell;
	height: 100%;
	float: left;
}
#gauche {
	float: left;
	border-right: 1px solid #ccc;
	height: 90%;
	width: 100px;
	padding: 5px;
}
html>body #droite {
	display: table-cell;
	height: 100%;
	float: right;
}
#droite {
	float: right;
	border-left: 1px solid #ccc;
	height: 100%;
	width: 100px;
	padding: 5px;
}
html>body #milieu {
	display: table-cell;
	height: 100%;
}
#milieu {
	text-align: justify;
	padding: 5px;
}
</style>
</head>
<body>
<div id="container">

<div id="gauche">test <br />test <br />test <br />test <br />test <br />test <br />test <br />test <br />
</div>

<div id="milieu">Ici du contenu Ici du contenu Ici du contenu Ici du contenu Ici du contenu Ici du contenu Ici du contenu Ici du contenu Ici du contenu Ici du contenu Ici du contenu Ici du contenu <br />
Ici du contenu Ici du contenu Ici du contenu Ici du contenu Ici du contenu Ici du contenu Ici du contenu Ici du contenu Ici du contenu Ici du contenu Ici du contenu Ici du contenu Ici du contenu <br />
Ici du contenu Ici du contenu Ici du contenu Ici du contenu Ici du contenu Ici du contenu Ici du contenu Ici du contenu Ici du contenu Ici du contenu Ici du contenu Ici du contenu Ici du contenu <br />
</div>

<div id="droite">
<ul><li>Test</li><li>Test</li><li>Test</li><li>Test</li><li>Test</li><li>Test</li><li>Test</li><li>Test</li><li>Test</li><li>Test</li><li>Test</li><li>Test</li></ul>
</div>

</div>
</body>
</html>


Le soucis pour IE peut etre réglé simplement en placant le div droit avant le div milieu ! Mais ceci dit, c'est sur opera que ca marhce plus !!! Elles apparaisent alors colé a gauche ;o)

Help !
Sujet clos
Aller à