Titre: gros BUG css sur MSIE 5 et 6
Posté par: xbiron le le 10-01-2004 a 19:51:40
Salut à tous,
je me suis apercu d'un méchant gros bug sur MSIE 5 et MSIE 6.
J'explique...
je veux tout simplement avoir un calque en float a 300px du bord gauche. j'ai donc mis :
<div style="margin-left: 300px; border: 1px solid #000; float: left;">
asda sd asd asd<br />
asda sd asd asd<br />
asda sd asd asd<br />
asda sd asd asd<br />
asda sd asd asd<br />
asda sd asd asd<br />
</div>
Sur tous les navigateurs, le calque se situe bien a 300px du bors gauche, mais sur MSIE 5 et 6, il se situe a 600px du bord gauche !!
Pareil si je met margin-left: 100px, sur MSIE il se retrouvera a 200px ...
Bref il multiplie tout par 2.
Par contre si je ne met pas float, tout est normal.
De quoi vient ce bug ?
Comment le contrer ? par la méthode box model hack : http://www.tantek.com/CSS/Examples/boxmodelhack.html (http://www.tantek.com/CSS/Examples/boxmodelhack.html) ?
Merci d'avance
Xavier |
Titre: Re:gros BUG css sur MSIE 5 et 6
Posté par: Bloubli le le 10-01-2004 a 23:36:47
| Si tu mets une marge à 300 pixel à gauche, il faut que tu donnes à ton calque position:absolute et non float:left. |
Titre: Re:gros BUG css sur MSIE 5 et 6
Posté par: xbiron le le 11-01-2004 a 12:16:33
agggg :( c'est chiant qu'on est obligé de mettre les calques en position: absolute pour ca.
Mais avec le box model hack, ca marche. On met de facon a ce que MSIE voit 150px qu'il multipliera ensuite par 2 pour se rendre a 300px qui est le résultat voulu :
<style type="text/css">
div
{
border: 1px solid #000;
float: left;
margin-left: 150px;
}
/*bug MSIE */
html>body div
{
margin-left: 300px;
}
</style>
....
<div>
asda sd asd asd<br />
asda sd asd asd<br />
asda sd asd asd<br />
asda sd asd asd<br />
asda sd asd asd<br />
asda sd asd asd<br />
</div>
Mais est ce que cette méthode est syntaxiquement correcte ?
Xavier |
Titre: Re:gros BUG css sur MSIE 5 et 6
Posté par: Bloubli le le 11-01-2004 a 12:38:00
Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.
|