gros BUG css sur MSIE 5 et 6 |
|
| Voir le sujet précédent :: Voir le sujet suivant |
| Auteur |
Message |
xbiron
frontpage mioche
|
 gros BUG css sur MSIE 5 et 6 , Posté le: 10-01-2004 18:19 |
|
|
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 :
[code]
<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> |
|
|
xbiron
frontpage mioche
|
| re , Posté le: 10-01-2004 20:34 |
|
|
[désolé... le premier message s'est fait coupé  ]
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 :
| Code: |
<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 |
|
|
xbiron
frontpage mioche
|
| re , Posté le: 11-01-2004 12:59 |
|
|
agggg, apparement sur les autre forums, on me dit qu'on est obligé définir un position: absolute pour faire ca... c'est chiant
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 :
head
| Code: |
<style type="text/css">
div
{
border: 1px solid #000;
float: left;
margin-left: 150px;
}
/*bug MSIE */
html>body div
{
margin-left: 300px;
}
</style> |
body
| Code: |
<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 |
|
|
|
  |
Accueil Forum
-> css |
Toutes les heures sont au format GMT + 1 Heure
|
| Page 1 sur 1 |
|
 S'enregistrer
 Profil
 Se connecter pour vérifier ses messages privés
 Rechercher
 Membres
 FAQ
 Connexion
|
