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 :

Code: Tout sélectionner


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

Code: Tout sélectionner


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

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

Code: Tout sélectionner

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: Tout sélectionner

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

Ca marche

Merci