La Communauté Webmaster  forum rss


  Forum-webmaster
  Technique - programmation
  HTML / CSS / XHTML
(Modérateurs: Shain, Netah, Lilian, lauryv, ToToMaStEr)
  gros BUG css sur MSIE 5 et 6
« Précédent Suivant »
Pages: [1] Descendre
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
  Auteur  Sujet: gros BUG css sur MSIE 5 et 6  (Lu 537 fois)
gros BUG css sur MSIE 5 et 6
« sur: le 10-01-2004 a 19:51:40 »
xbiron
Membre récent
*

Hors-Ligne

Messages: 2



Je suis un lama!

Voir le Profil    E-Mail
Répondre avec citation

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 ?

Merci d'avance

Xavier

Rapporter au modérateur  

Re:gros BUG css sur MSIE 5 et 6
« Répondre #1 sur: le 10-01-2004 a 23:36:47 »
Bloubli
Invité

E-Mail
Répondre avec citation

Si tu mets une marge à 300 pixel à gauche, il faut que tu donnes à ton calque position:absolute et non float:left.

Rapporter au modérateur  
Re:gros BUG css sur MSIE 5 et 6
« Répondre #2 sur: le 11-01-2004 a 12:16:33 »
xbiron
Membre récent
*

Hors-Ligne

Messages: 2



Je suis un lama!

Voir le Profil    E-Mail
Répondre avec citation

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

Rapporter au modérateur  
Re:gros BUG css sur MSIE 5 et 6
« Répondre #3 sur: le 11-01-2004 a 12:38:00 »
Bloubli
Invité

E-Mail
Répondre avec citation

Oui 

Rapporter au modérateur  
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
Pages: [1] Monter
« Précédent Suivant »
Sauter à: 

Votre statut : Invité
Vous devez être membre pour participer.
 
 
Let’s Encrypt : le certificat SSL gratuit
Tester votre site internet sur différents navigateurs
[WordPress] Des problèmes avec l’administration ?
Rappel : Mettez à jour vos CMS et vos sites E-commerce
Le .fr fête ses 25 années d’existence !
Mesurer votre audience en temps réel avec BubbleStat
Porter réclamation contre Google Panda ?
Zlio n’est plus …
 
 
 
 
 

Copyright (c) Devclic 2002 - 2026 - Tous droits réservés

creation site internet strasbourg