Réaction étrange sur IE

Bonjour,

C'est simple, j'ai (à nouveau) un bug sur IE. Je ne vais pas l'expliquer, le plus simple c'est de mettre des liens. A noter que sur Firefox, aucuns soucis...

C'est par ici...

Ma Css de Background :

/*  POUR CERTAINS BACKGROUND
*/

#menu, #cont, #bg-2 {
float: left;
}

/*  BACKGROUND DU HAUT
*/

#bg-1 {
width: 873px;
height: 120px;
background: #336699 url("img/bg/bght.jpg");
}

/*  MENU
*/

#menu {
width: 229px;
height: 458px;
background: #336699 url("img/bg/bgga.jpg");
}

/*  CONTENU (CARRE BLANC)
*/

#cont {
width: 610px;
height: 458px;
background-color: #fff;
overflow: auto; /* POUR AVOIR LA BARRE DE SCROLL DANS LE CARRE BLANC */
}

/*  BACKGROUND DE DROITE
*/

#bg-2 {
width: 34px;
height: 458px;
background: #336699 url("img/bg/bgdr.jpg");
}

/*  BACKGROUND DU BAS
*/

#bg-3 {
width: 873px;
height: 108px;
background: #336699 url("img/bg/bgbas.jpg");
}

Merci d'avance pour votre aide précieuse!
Modifié par le rouge (18 Oct 2006 - 16:26)

Personne n'aurait d'idée?

Je ne comprends, pas, c'est un problème de marge ou bien autre chose?

Bonjour,

Tes blocs sont sûrement en float et c'est un bug connue d'IE qui double les marges sur les blocs en float. Il faudrait réduire le width de ton bloc central de quelques px pour que tout rentre dans l'ordre.

A part cela tout ceci est bien compliqué pour une telle mise en page;
Pourquoi ne pas utiliser un conteneur avec ton image de fond et simplement un bloc #menu et un bloc #cont le tout encadré par un header et un footer au quel tu attribues un clear. Tu évitereais la 3éme "colonne" et les problèmes associés...

Tu as certainement raison, mais je dois avouer que c'est un peu la flemme. Parce que à la base, j'avais découpé le site en tranche... (donc un peu la cata... tout est en absolute)

Merci de ton conseil, je vais prendre le temps de le faire...