Version complète: sur le forum Webmaster Hub : Bug IE6 width
Webmaster Hub > Création et exploitation de Sites Internet > Les langages du Net > (X)HTML et CSS
MagNet
mardi 24 juin 2008 à 09:14
Bonjour,

J'ai créé deux blocs contenu dans un conteneur, centré dans une page.

Tout va bien jusque là.

Le container fait 250px de hauteur... sous IE7... sous Firefox... mais pas sous IE6 !

Je ne comprend pas trop, si quelqu'un pouvait me filer un coup d'pouce !

Merci d'avance,

François

CODE
#bloc_pub_forum{
    float:clear;
    height: 250px;
    width: 500px;
    margin-top: 22px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    background-color: #FFFBC3;
    border: 2px solid #481C00;
}

#bloc_pub_forum_gauche{
    float: left;
    height: 250px;
    width: 300px;
}

#bloc_pub_forum_droite {
    float: left;
    height: 250px;
    width: 200px;
    margin-top:12px;
    text-align: left;
}


La preuve par image !
salcamden
mardi 24 juin 2008 à 10:51
Salut,

Je pense que tu n'as pasinitialisé les line-height à 0.
Si bien que sous ie6, ton bloc fait bien 250px de haut + la hauteur de ligne.

essaye :

CODE
#bloc_pub_forum_gauche{
float: left;
height: 250px;
width: 300px;
[b]line-height:0;[/b]
}



Voilà.

Damien

manub72
mardi 24 juin 2008 à 11:16
Bonjour,

il me semble qu'en définissant pour ton image "display: block", cela supprime l'espace en trop.
Sinon, au passage "float: clear" n'est pas, à ma connaissance, une expression correcte.
MagNet
mardi 24 juin 2008 à 12:56
Bonjour,

J'ai suivi vos deux conseils : J'ai supprimé le float:clear et j'ai modifié le bloc comme cela :
CODE
#bloc_pub_forum_gauche{
    float: left;
    display: block;
    line-height:0;
    height: 250px;
    width: 300px;
}


Le problème reste le même...

Une autre idée !

Merci tout de même
MarvinLeRouge
mardi 24 juin 2008 à 20:39
Salut,

Si tu es sûr que ton bloc doit faire 250px de haut et pas autre chose, rajoute simplement overflow : hidden; dans la css de ce bloc, et ie6 devrait te f..... la paix euh te laisser tranquille.
MagNet
mercredi 25 juin 2008 à 09:00
Bonjour,

Ta solution d'overflow marche parfaitement !

Je vous remercie,

Bonne journée à tous,

François
Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'information, la mise en page et les images, veuillez cliquer ici.