2 pièce(s) jointe(s)
Probleme de mise en forme avec DIV et CSS
Bonjour,
J'ai un petit probleme de mise en forme via css.
Sous IE, le DIV "contener" est bien centré dans le BODY
Sous FF, c'est KO, le contener est calé à gauche. J'ai remué le code dans tous les sens et rien n'y fait. Il ne veut pas se centrer.
Donc je suppose qu'il y a quelque chose que j'ai mal fait, mais quoi ?
Quelqu'un a une idée ??
feuille.css
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17
| @charset "windows-1252";
body {background-color: silver; margin: 0; padding: 0; text-align: center}
div#contener {background-color: red; margin: 0; padding: 0; width: 1000px}
div#header {background-color: royalblue; height: 60px; width: 100%; margin: 0; padding: 0}
div#center {background-color: lightskyblue; height: 700px; width: 100%; margin: 0; padding: 0}
div#leftmenu {background-color: limegreen; height: 100%; width: 100px; margin: 0; padding: 0; float: left}
div#leftmenuhaut {background-color: goldenrod; height: 350px; width: 100px; margin: 0; padding: 0}
div#leftmenubas {background-color: darkgoldenrod; height: 350px; width: 100px; margin: 0; padding: 0}
div#main {background-color: forestgreen; height: 100%; width: 900px; margin: 0; padding: 0; float: left}
div#footer {background-color: lightseagreen; height: 40px; width: 100%; margin: 0; padding: 0} |
index.html
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38
| <?xml version="1.0" encoding="windows-1252"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<!-- Date de création: 09/02/2007 -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252" />
<link rel="stylesheet" type="text/css" href="feuille.css" />
<title></title>
</head>
<body>
body
<div id="contener">
contener
<div id="header">
header
</div>
<div id="center">
<div id="leftmenu">
<div id="leftmenuhaut">
menu haut
</div>
<div id="leftmenubas">
menu bas
</div>
</div>
<div id="main">
main
</div>
</div>
<div id="footer">
footer
</div>
</div>
</body>
</html> |
Résultat sous IE :
http://www.developpez.net/forums/att...1&d=1171028832
Résultat sous FF :
http://www.developpez.net/forums/att...1&d=1171028832
Merci d'avance