28172 sujets

CSS et mise en forme, CSS3

Bonjour,

J'ai un petit souci d'affichage sous IE6 et IE7 qui ne doit pas être grave mais je suis dessus depuis un peu de temps et je n'arrive pas à faire ce que je souhaite.

Mon site à une structure à 3 colonnes. Mais les colonnes gauche et droite chevauche la colonne du milieu. Cela ne change rien sous IE8 ou FF mais sous IE6 et IE7, les colonnes gauche et droite sont à leur place mais comme la colonne du milieu ne peux pas se mettre entre les deux (elle est trop large) elle se met dessous.

Seriez-vous me dire comment faire pour la remonter (sans un margin-top:-xxpx; qui cache de fait les colonnes de coté) pour qu'elle se mette à ca place ?

Merci d'avance

Frink
Bonjour,
Peut-être qu'en mettant la colonne de gauche en flottement à gauche :
/* Bloc informations */
.liste_infos {
  background:url(../img/fond_cadre_menu_gauche.png) repeat-y;
  width:210px;
  float: left;
}

et celle de droite flottant à droite :
/* Block avec menu */
#menu_droite {
  width:176px;
  margin-top:50px;
  float: right;
}

Mais, je ne garantis rien car il y a beaucoup d'imbrications dans le HTML (div#centre>div#centre_bis) et les colonnes de gauche et droite semblent être placées dans le même ensemble que la colonne centrale.
Il ne faudra pas oublier un (clear: both;) quelque part à la suite… Mais où ? Je ne saurais le dire car la page me semble bizarrement sructurée.