Discussion :

[vincedjs]

Bonsoir,

-Voilà sur 1 projet : url

Le bloc middle passe en dessous des 2 menus , mais reste au dessus du bottom et cela uniquement sur ie 6.

le global fait 950px; les 2 menus 190px et le middle 570px

voilà le code 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
<div id="global">
			<div id="top">
 
			</div>
			<div id="left_barre">
 
			</div>
			<div id="right_barre">
 
			</div>
			<div id="middle">
 
			</div>
			<div id="bottom">
			</div>
		</div>

et la 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
*{margin:0;padding:0;}
body{text-align:center; background-image:url(../img/img-trame.gif); background-repeat:repeat;}
 
		#global{position:relative; width:950px; text-align:left; margin:10px auto;}
 
			#top{position:relative; width:100%; background-image:url(../img/img-background-head.gif); background-repeat:no-repeat; height:187px;}
 
			#middle{position:relative; width:570px; height:500px; margin:0 auto; background-color:#FFFFFF; }
 
			#bottom{position:relative; background:url(../img/img-background-bottom.jpg) repeat-x; clear:both; width:950px; height:24px;color:#FFF;padding:5px 0 0 0; font-size:11px;}
 
			#left_barre{ position:relative;width:190px; height:500px; min-height:250px; background-color:#E6E6F0; float:left; line-height:20px;}
 
			#right_barre{position:relative; width:190px; height:500px; min-height:250px; background-color:#E6E6F0; float:right; line-height:20px;}[
#bottom{text-align:center;}

Je ne vois pas d'ou cela peut venir, il existe un bug ie6 de ce type ? Comment le corrigé.

MErci beaucoup.

[francis m]

c'est probablement une histoire de margin et padding qui ne sont pas toujours compris de même façon
mets tous les margin, padding et borders à zéro, et cela devrait aller

tu peux aussi essayer de mettre le menu gauche en float left et le menu droite en float right et ne pas donner la largeur du middle (je n'ai pas essayé, c'est une suggestion)

[Dan_A]

Tente
* html #middle{float:left;}
ou ajoute float:left; dans #middle (à tester avec FF et IE 7)

[vincedjs]

Merci c'etait le float left sur le middle