28172 sujets

CSS et mise en forme, CSS3

Bonjour,
J'ai une mise en page avec deux colonnes. Celle de droite contient le menu, fixe pour qu'il puisse toujours être présent même si le lecteur en est au bas du texte de la colonne de gauche. Ces deux colonnes sont dans un conteneur centré dans le navigateur.
Sous Firefox tout va bien. Sous IE, le menu fixe sort par la droite du conteneur. Et c'est moche.


html, body {
	height: 100%;
	margin: 0;
	}

#conteneur
{
  margin-left   : auto;
  margin-right  : auto;
   padding: 1px 0;
  width         : 850px;
  height: 900px;
  background-color: #ff66cc; 
}

#colgauche {
  float: left;
  width: 510px;
  margin-top: 10px;
  margin-left   : 6px;
   
}
#coldroite {
   position: absolute;
   margin-top: 10px;
  margin-left   : 570px;
 margin-right   : 6px;
 	  }
  
  html>body #coldroite {
  position: fixed;
}




 <div id="colgauche">
    <h1><img src="Images/Titre1.gif" width="510" /></h1>
	
	<p>blabla <p>
<h1><img src="Images/Fintitre1.gif" width="510" /></h1>
</div>
 
 
 <div id="coldroite">
    <ul>
      <li>Listea</li>
      <li>Listeb</li>
      <li>Listec</li>
	  
    </ul>
  </div>
</div>

Modifié par lodemars (19 Feb 2008 - 10:56)
Apparemment le problème vient de ça :



#coldroite {
   
  margin-left   : 570px;

 	  }
  



Je n'ai mis qu'une partie du code (l'ensemble étant dans mon post précédent).
Donc sous firefox, les 570px sont calculés à partir du bord gauche du conteneur. Sous Ie ils sont calculés à partir du bord droit du conteneur. Ca ne résoud pas mon problème pour autant.