28172 sujets

CSS et mise en forme, CSS3

Bonjour,

J'ai un petit souci de compatibilité entre Ie6 et Ie7.
Voici comment ce présente mon site.

upload/23366-sitecss.jpg

Sous Ie6, tout ce passe bien, il n'y a aucun dépassement de la photo ou du cadre centrale.
Par contre sous Ie7, j'obtien l'image ci dessus.

Voici mon code:

       
 <div id="conteneur">
    <div id="enhaut"> Menu haut</div>
             
   <div id="contenu">
      Mon menu gauche (menu en flash position automatique)
      <div id="gauche">photo</div>
      <div id="centre">Cadre au Centre</div>
   </div>
</div>
<div id="enbas">bas</div>




* { margin:0; padding:0; }

body {
 font-family: Tahoma, Arial, Verdana, sans-serif;
 font-size: 12px;
 text-align: center;
}

div{
margin: 4px; 
}

#conteneur {
width:1205px;
	border: outset 1pt; 
  border-collapse: separate;
margin: 0 auto; /* pour centrer tout le contenu de la page */
}

#enhaut {
width:1200px;
height:234px;
background:url(image/baniere1.jpg)  top no-repeat;
}

#contenu {
width:1205px;
min-height:600px;
Height : auto !important ;
Height : 600px ;
}

#gauche {
float:left;
width:370px;
height:300px;
}

#gauche1 {
float:left;
position:relative;
top:300px;
width:370px;
height:300px;
}

#centre {
float:left;
width:800px;
height:300px;
}

#enbas {
clear:both;
width:1210px;
height:25px;
background:url(image/bas.gif);
	border: outset 2pt; 
  border-collapse: separate;
}



Avez vous une idée d'ou cela peut provenir svp? Merci
Nathan- a écrit :
un petit

overflow: auto; 

pour le div conteneur??



J'essayerais demain au taff Smiley smile
Merci de ta solution.
Bon j'ai essayé et ce n'est pas top top. C'est vraiment pas esthétique d'avoir une deuxième barre sur le coté.

Il n'existerait pas un autre moyen please?
Tu peux utiliser hidden à la place d'auto pour l'overflow. SI cela ne fonctionne pas rajoute un <span class="clear"> (ou autre balise) avec comme propriété CSS : clear:both;

Tu peux également supprimer les propriétés de hauteurs définies pour #contenu.
Laurie-Anne a écrit :
Tu peux utiliser hidden à la place d'auto pour l'overflow. SI cela ne fonctionne pas rajoute un <span class="clear"> (ou autre balise) avec comme propriété CSS : clear:both;

Tu peux également supprimer les propriétés de hauteurs définies pour #contenu.



Merci de ta réponse laurie-anne.

J'ai testé avec le hidden, le bas de mon image disparait. Donc ce n'est pas encore ca.
Ensuite en ajoutant la balise <span class="clear"> (j'avais déjà testé avec une div), cela ne change rien. Je l'ai placé juste avant de fermer ma balise contenu.

Je commence a désespéré. Ils sont vraiment con Micosoft avec leurs navigateurs.