problème du flotteur dans IE

Question

#a { 

margin-top:25px; 
float:right; 
width:390px; 
margin-left:0px; 
margin-right:48px; 
padding-left:5px; 
border:thin; 
border-color:#999999; 
border-style:solid; 
border-radius: 10px; 
margin-bottom:50px; 
} 

#b { 
margin-top:25px; 
/*margin-right:450px; */ 
width:390px; 
margin-left:50px; 
margin-right:0px; 
/* padding-right:5px; */ 
border:thin; 
border-color:#999999; 
border-style:solid; 
border-radius: 10px; 
margin-bottom:50px; 


} 

Mais le problème est #B ne figurant pas parallèle à #Un (en même ligne) dans IE uniquement

Answer 1

Ajouter position:relative; à vos objets. Vous devrez peut-être faire cela pour tout ce qui contient #a et #b aussi bien.

Vous pouvez également ajouter à float:left; #Un

Answer 2

L'ordre de vos questions de balisage ainsi. Je suppose que votre balisage ressemble à quelque chose comme:

<div id="b"></div> 
<div id="a"></div> 

La plupart des navigateurs rendre ce correctement, mais il est en fait la mauvaise façon de commander des éléments de bloc pour flotter, et IE ne compense pas. L'ordre correct:

<div id="a"></div> 
<div id="b"></div> 

Si vous le faites dans l'autre sens, IE rend l'élément de bloc « b » et le traite comme un plafond que « un » élément de bloc flottant ne peut pas flotter passé.

Si je me trompe sur l'ordre de balisage, il pourrait s'agir d'un problème de calcul de largeur comme @wajiw.