probleme de div avec google chrome

WRInaute discret
Bonjour,

Je cherche la solution a un problème, j'ai une div dans laquelle je met d'autre div. Dans ma div principal je met une image de fond. et cela marche bien sous IE mais pas dans google chrome : il met les div en dessous de la div principal.

Voici mon code :
Code:
<div id="cadrecentre">
<div id="cadregauche">MENU</div>
<div id="separateur"></div>
<div id="textecentre">centre</div>
<div id="separateur"></div>
<div id="cadredroite">lkjkl</div>

</div>

div#cadrecentre{
				
	width:980px;
	clear:both;
	margin: 0 auto;
	height:auto;
	background:url(images/fond.jpg);
	background-repeat:no-repeat;
	
		}
		
		
		div#cadregauche{
		width:180px;
		 margin:0 auto;
		 float:left;
		 height:auto;
		 		}

div#separateur{
		width:5px;
		 margin:0 auto;
		 float:left;
		 height:auto;
		 		}
				
				div#textecentre{
		width:600px;
		 margin: 0 auto;
		 float:left;
		 height:auto;
		 		}
				
				div#cadredroite{
		width:180px;
		 margin: 0 auto;
		 float:left;
		 height:auto;
		 		}

merci par avance de votre aide
 
WRInaute discret
extremenet a dit:
Bonjour,

Je cherche la solution a un problème, j'ai une div dans laquelle je met d'autre div. Dans ma div principal je met une image de fond. et cela marche bien sous IE mais pas dans google chrome : il met les div en dessous de la div principal.

Voici mon code :
Code:
<div id="cadrecentre">
<div id="cadregauche">MENU</div>
<div id="separateur"></div>
<div id="textecentre">centre</div>
<div id="separateur"></div>
<div id="cadredroite">lkjkl</div>

</div>

div#cadrecentre{
				
	width:980px;
	clear:both;
	margin: 0 auto;
	height:auto;
	background:url(images/fond.jpg);
	background-repeat:no-repeat;
	
		}
		
		
		div#cadregauche{
		width:180px;
		 margin:0 auto;
		 float:left;
		 height:auto;
		 		}

div#separateur{
		width:5px;
		 margin:0 auto;
		 float:left;
		 height:auto;
		 		}
				
				div#textecentre{
		width:600px;
		 margin: 0 auto;
		 float:left;
		 height:auto;
		 		}
				
				div#cadredroite{
		width:180px;
		 margin: 0 auto;
		 float:left;
		 height:auto;
		 		}

merci par avance de votre aide



Bonjour,

Ce problème est-il uniquement sur chrome ou sur Mozilla firefox aussi ?

Après quelques test chez moi en local même soucis sur chrome v3 mais cela fonctionne si
height:XXpx (au lieu de auto) OU float=left; (au lieu de clear:both) sur div#cadrecentre

Reste à voir ce que cela donne avec la totalité du code source.
 
WRInaute accro
Audiofeeline a dit:
As-tu essayé avec les dernières BETA de Chrome ? J'ai eu pas mal de BUGS avec la V3. Le moteur WEBKIT n'est pas tout à fait au point mais s'est un peu amélioré avec les mises à jour.

ca change rien au problème si ce n'est qu'on repart dans la meme merde que IE a savoir plein de versions differentes avec des interpréteurs differents. ca promet du <!--[if Chrome x.0]> a donf et encore + de nuits blanches
 
WRInaute discret
Re: probleme de div avec google chrome [Résolu]

J'ai eu le même soucis sous mozilla. En mettant
Code:
div#cadrecentre{
			clear:both;	
				width:980px;	
	margin: 0 auto;
	background-image:url('images/fond.jpg');
	background-repeat:no-repeat;
	position: relative;
		  overflow:auto; }

Au lieu de
Code:
div#cadrecentre{
            
   width:980px;
   clear:both;
   margin: 0 auto;
   height:auto;
   background:url(images/fond.jpg);
   background-repeat:no-repeat;
   
      }

Ca marche

Merci
 
Discussions similaires
Haut