[CSS] résultat d'un float entre IE et FF

Version imprimable

Bonjour ! ^^

Je vais faire simple et cours :P

Je ne parviens pas a établir un simple float pour mettre des bloc en page....
Je vous montre 2 screenshots, un sous IE et l'autre sous Firefox.
Le résultat attendu est bon sous firefox, mais... pas sous IE....

FF:
http://img466.imageshack.us/img466/5...atffab2.th.jpg

IE:
http://img79.imageshack.us/img79/300...atiedw7.th.jpg

enfin, le code HTML concerné :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<div id="site">
	<div id="banniere"></div>
 
	<div id="menu">
		<div id="links">
			<div id="headers" class="header"></div>
			<div id="sublinks" class="sublinks"></div>
 
			<div id="headers" class="header"></div>
 
		</div>
 
	</div>
 
	<div id="contenu"></div>
 
	<div id="copyright"></div>
 
</div>

et le CSS

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
39
40
41
42
43
44
45
46
47
48
49
50
51
52
body{
	margin: 0px;
	text-align: center;
}
 
#site{
	margin-left: auto;
	margin-right: auto;
	width: 1024px;
	text-align: left;
}
 
#banniere{
	clear: both;
	width: 1024px;
	height: 100px;
	background-color: #003399;
	border-width: 1px;
	border-color: #000000;
	border-style: dashed;
}
 
#menu{
	width: 200px;
	height: 10px;
	background-color: #990033;
	border-width: 1px;
	border-color: #000000;
	border-style: dashed;
	float: left;
}
 
#contenu{
	position: relative;
	left: 200px;
	width: 824px;
	height: 10px;
	background-color: #009900;
	border-width: 1px;
	border-color: #000000;
	border-style: dashed;
}
 
#copyright{
	clear: both;
	width: 1024px;
	height: 25px;
	background-color: #3333FF;
	border-width: 1px;
	border-color: #000000;
	border-style: dashed;
}

merci de votre aide :)

j'ai apprecu une erreur, meme si elle ne resoud pas ton probleme.

tu as defini deux fois le meme id
Code:

1 2 3 4 5 <div id="links"> <div id="headers" class="header"></div> <div id="sublinks" class="sublinks"></div> <div id="headers" class="header"></div> </div>

c'est pas parfait mais ya deja du mieu en annulant les marges au desbut de ton css et en changeant un peu les propriétes appliques au div contenu
a mettre au debut du css
Code:

1 2 3 4 * { margin: 0; padding: 0; }
Code:

1 2 3 4 5 6 7 8 9 10 11 #contenu{ /*position: relative; left: 200px;*/ margin-left: 200px; /*width: 824px;*/ height: 10px; background-color: #009900; border-width: 1px; border-color: #000000; border-style: dashed; }

26/07/2006, 13h29
Sion_Sempai
Citation:
Envoyé par masu

j'ai apprecu une erreur, meme si elle ne resoud pas ton probleme.

tu as defini deux fois le meme id

Code:

1 2 3 4 5 <div id="links"> <div id="headers" class="header"></div> <div id="sublinks" class="sublinks"></div> <div id="headers" class="header"></div> </div>
je ne m'etais pas penché la dessu parce que je voulais d'abord regler le probleme entre IE et FF :P
c'était pas important sur le coup donc je l'ai laissé comme ca :)

Pour le reste, ce n'est effectivement pas parfait, les bloc ne sont pas parfaitement alignés :s

Je vais essayer de bidouiller encore :)

Merci pour tes réponses en tout cas ^^