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

**Dan_A** · 09/02/2007, 15h04

Il faut enlever le prologue xml pour passer IE 6 en mode Standards Compliant.
Ensuite pour le centrage (y compris avec IE 6 en mode Standards Compliant) il faut utiliser margin: 0 auto; et corriger text-align dans #contener

**freesurfer** · 09/02/2007, 15h26

Dan_A, merci ca marche .... C'etait pourtant si simple ...

Allé hop, je vais faire un tour sur google au sujet de ta remarque sur le prologue xml.

Probleme de mise en forme avec DIV et CSS

CSS

Discussions similaires

Partager

Partager