Bon, voici une "solution" qui passe sous IE :
1) Mettre "position: relative" pour le bloc qui contient des "float" : ça fait que le "style:clear" fonctionne sans que l'on ait besoin de rafraichir la fenetre (débile mais bon...)
2) Mettre aussi "position: relative" pour les float dont la hauteur est plus grande que la taille de la fenetre. Sinon ils ne s'affichent plus quand on a fait le 1) .
3) Pour une raison ésothérique, il y a systématiquement 3 pixels de marge entre les float. Solution hyper crade juste pour IE : mettre une marge négative de 3 pixels et agrandir la taille des blocs de 3 pixels.
Code normal :
#hautdroit {
float: right;
width: 200px;
}
#hautgauche {
float: left;
width: 200px;
}
|
Modifs à apporter pour que IE rende ça correctement :
#hautdroit {
float: right;
width: 200px;
}
* html #hautdroit {
margin: 0 -3px;
width: 203px;
}
#hautgauche {
float: left;
width: 200px;
}
* html #hautgauche {
margin: 0 -3px;
width: 203px;
}
|
Complétement débile, mais ça à l'air de fonctionner, c'est toujours mieux que rien...
Page d'origine:
http://c9x.org/tries/ls-new.html
Page avec les horreurs pour IE en plus:
http://c9x.org/tries/ls-new-ie.html
J'imagine que ça doit par contre foirer sous IE Mac.