Probleme de mise en forme avec DIV et CSS

**freesurfer** · 09/02/2007, 14h49

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Résultat sous FF :

Merci d'avance

Probleme de mise en forme avec DIV et CSS

CSS

Mode arborescent

Discussions similaires

Partager

Partager