28173 sujets

CSS et mise en forme, CSS3

salut à tous,

je rencontre des pb de mise en page sous IE pour le site suivant :

http://www.sono75.com/bosepro/

Sous firefox tout va bien et sous IE ma colonne de gauche viens se superposer sur la colonne principale

franchement je commence a regreter le bon vieux temps de la mise en page avec les tables !

voici des extraits du code css :

#conteneur #contenu {
	border: 0px;
	margin-left: 200px; 
	margin-right: 20px; 
	min-height: 740px;
	font-family: Arial,Verdana,Helvetica,sans-serif;
	}

#conteneur #navigation {
	border: 0px;
	width: 180px;
margin-left:0.5em;
	font-family: Arial,Verdana,Helvetica,sans-serif;
position:absolute;
}


et le code html (extrait)


<div id="conteneur">

	
	
	[(#REM) Menu de navigation laterale ]
		<div id="navigation">
	[(#REM) Menu de navigation mots-cles ]
			#MODELE{article_mots}
			[(#REM) Menu de navigation par rubriques ]
			<INCLURE{fond=inc-rubriques}{id_rubrique}>

</div><!-- fin navigation -->
		<div id="contenu">[(#REM) Contenu principal : contenu de l'article ]</div>



y'a t'il une âme charitable qui aurait une petite idée ?
Modifié par commodo (19 Oct 2007 - 17:17)
Bon et bien j'ai trouvé mais je n'ai pas vraiment tout compris
#conteneur #contenu {
	border: 0px;
	left: 250px; 
	margin-right: 20px; 
	width: 600px;
	min-height: 740px;
	font-family: Arial,Verdana,Helvetica,sans-serif;
	position:relative;	
}

#conteneur #navigation {
	border: 0px;
	width: 180px;
	margin-left:0.5em;
	font-family: Arial,Verdana,Helvetica,sans-serif;
	position:absolute;
}


bon ww a tous