probleme de div avec google chrome

[extremenet]

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 :

<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

 

[Audiofeeline]

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.

 

[screuscreu]

tu as un lien pour voir ? que l'on puisse voir en vrai ?

 

[bproductiv]

Ton code est valide ?

 

[lepadre]

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 :

<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.

 

[Audiofeeline]

A tester avec la dernière release de Chromium, Google Chrome est pas super à jour...

 

[extremenet]

je vais tester sur les nouvelles versions. Merci de vos réponses.

 

[KOogar]

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

 

[Audiofeeline]

Pas du tout, c'est juste que Google Chrome est bugué et pas à jour.

 

[extremenet]

Re: probleme de div avec google chrome [Résolu]

J'ai eu le même soucis sous mozilla. En mettant

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

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

Ca marche

Merci