CSS Top Propriété différente entre Internet Explorer et FireFox

J'ai essayé de rechercher ceci dans stackoverflow mais je n'ai pas pu trouver la réponse.CSS Top Propriété différente entre Internet Explorer et FireFox

Browsers J'utilise pour le test: Firefox 3.6.8 Internet Explorer 6,029

Je crée une boîte et son positionnement par la position: propriétés absolues et haut et à gauche:

#testBox { 
    top:10px; 
    left:480px; 
    width:220px; 
    padding:3px; 
    position:absolute; 
    font-size:14px; 
    text-align:center; 
} 

<div> 
    <div> 
    <span style="position:relative;"> 
    <span id="testBox"> 
    testtesttesttesttest<br /> 
    </span> 
    </span> 
</div>

Qu'est-ce qui se passe est la "testBox" span est plus loin dans IE que FireFox. Y at-il quelque chose que je peux faire pour résoudre ce problème? Merci, Roy

Source

2010-10-13 EverTheLearner

violon en direct: http://jsfiddle.net/tTcjS assez étrangement, il affiche le même effet que dans IE6 dans Chrome 5. –

Ie6, sera le problème, en particulier la partie 6.

Vous aurez probablement besoin de définir différentes règles dans une feuille de style différente. Regardez dans les instructions conditionnelles: http://creativebits.org/webdev/ie_conditional_css

vous pouvez également essayer d'utiliser une réinitialisation css, il sera plus facile sur toute la ligne: http://www.yahooapis.com/yui/3/cssreset/

Source

2010-10-13 20:36:29 Ashley

1 pour « spécifiquement le 6 » – hookedonwinter

@Pekka OP dit un comportement inattendu existe en IE6, donc j'ai supposé. Je ne pensais même pas que la question pourrait être dans FF. Ma faute. – hookedonwinter

@hookedonwinter pas réellement, je semble avoir tort après tout: Il semble identique dans IE6 et Chrome, mais n'a pas d'espace dans IE8 et FF. Semble être un problème d'espace blanc. C'est * bizarre *! Je me suis trompé. –

Je ne sais pas d'une méthode non-hackish, mais vous pouvez utiliser HTML conditionnel (c'est-à-dire un hack) pour changer de top dans IE6. Mettez ceci après votre CSS, dans le HTML.

<!--[if lt IE 7]> 
    <style type="text/css"> 
      #testBox { 
       top: 20px; // or whatever 
      } 
    </style> 
<![endif]-->

Source

2010-10-13 20:38:00 hookedonwinter

CSS Top Propriété différente entre Internet Explorer et FireFox

Répondre

Questions connexes