Discussion :

[Sion_Sempai]

Bonjour ! ^^

Je vais faire simple et cours

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:


IE:


enfin, le code HTML concerné :

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
<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 :

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
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

[masu]

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

tu as defini deux fois le meme id

Code :

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

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>

[masu]

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 :

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

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

Code :

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

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;
}

[Sion_Sempai]

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

tu as defini deux fois le meme id

Code :

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

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
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 ^^