Discussion :

[eppo81]

Bonjour,

Je suis en train de tester mon nouveau site sur IE8 et j'observe un comportement bizarre dans le positionnement de mes div que je n'avait pas avant avec IE7. J'ai isolé le problème dans un exemple simple.

Voici le code :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
<div style="width:500px;border:dashed">
    <div style="width:200px;border:dashed; float:left">fgfdgfg</div>
    <div style="width:200px;border:dashed;float:left">fgfdgdfgfdg</div>
</div>

Sous IE8, le div conteneur ne s'adapte pas à la présence des deux div qu'il contient (Voire Exemple_IE8). Sous IE7, le premier div contient bien les deux autres (Voire Exemple_IE7). Est-ce un bug IE8 ? Comment faire pour avoir un affichage correct ?

Merci d'avance.

[Macmillenium]

Bonsoir,

On peut dire que Microsoft se rattrape bien avec son nouveau IE8.

Sous IE7, le width:500px confère le layout au bloc conteneur, ce dernier s'adapte donc à la hauteur de ces enfants flottants.

Sous IE8, rien ne se passe étant donné que le concept de Haslayout est totalement disparu dans cette nouvelle version => Le comportement est donc standard tout comme les navigateurs alternatifs.

Tu peux corriger ce problème en ajoutant un overflow:hidden à ton conteneur.