Discussion :

[orphen]

Salut a tous je me trouve confronter a une difference de margin entre deux div avec un float.

Ne comprenant pas d'ou peut venir ce decalage je me tourne vers vous afin d'eclairer ma lanterne.

voila mon code css concernant

Code :

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

1
2
3
4
5
6
7
8
9
10
 
/*********************************************/
/*** Détails Page Homepage ************************/
/*********************************************/
 
#news{ margin:0; padding:0px}
 
#video_mois{width:556px; height:268px; float:left; margin:0 0 0 18px;}
 
#ce_mois_ci{width:200px; height:268px; float:right; margin:0 16px 0 0;}

mon code html

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
			<!-- //////// Bloc Contenu //////// -->
			<div id="contenu">
				<div id="titre_vid">
					<img src="../images/homepage/titre.jpg" alt="titre videos" width="798" height="40"/>
				</div>
				<div id="news">
					<div id="video_mois">
					<img src="../images/homepage/swf.jpg" width="556" height="268" alt="Videos du mois" />					</div>
					<div id="ce_mois_ci">bloc ce mois ci</div>
			<!-- //////// FinBloc Contenu //////// -->
			</div>

voila une capture d'ecran de firefox
http://img104.imageshack.us/img104/4...firefoxsb6.jpg

et une de IE
http://img259.imageshack.us/img259/4741/screeniebm0.jpg

on voi nettement que les pixel demander ne sont pas pris en compte par ie mais qu'il en rajoute.

Merci par avance et bonne année

[Bisûnûrs]

Sous Internet explorer 6 (et inférieur), les marges horizontales sont doublées sur le premier élément d'une série de flottants. Pour corriger ce comportement, il suffit d'appliquer sur le premier élément de la série de flottants la règle CSS display: inline; .

[orphen]

je teste ceci et je vous tiend au courant.

J'ai hesité a mettre un display inline car la derniere fois que je l'ai fait su run bloc mon bloc n'avai plus de hauteur ni de largeur pris en compte.

[Bisûnûrs]

L'usage d'un float permet d'utiliser les propriétés de dimensions. En revanche, un élément inline sans float adaptera sa taille à son contenu.