CSS position différente dans FF et IE

Je suis en train de positionner certains éléments sur une page à des positions absolues. J'ai utilisé le code de test suivant (j'ai remplacé le <> avec [] pour passer à travers le filtre HTML):CSS position différente dans FF et IE

<body> 
    <div style="position=absolute; top=100px; left=100px"> HELLO 100,100</div> 
    <div style="position=absolute; top=200px; left=100px"> HELLO 200,100</div> 
    <div style="position=absolute; top=0px; left=0px"> HELLO 0,0</div> 
</body>

Ce fait ce qu'il est apparemment censé faire dans IE, mais coule simplement le divs un en dessous de chaque autre en FF (3.0). Je sais que le support CSS est assez variable. Qu'est-ce qui me manque, et existe-t-il une façon plus standard de le faire?

Source

2009-06-10 Anonymous

@Jessica - Vous n'avez pas besoin de changer votre code pour éviter les problèmes d'analyse ... il suffit de mettre en retrait chaque ligne de code avec 4 espaces (après une ligne claire) et le formateur fera le reste pour vous. ;-) Voir ici pour plus de détails sur l'utilisation de Markdown (le système utilisé ici) http://stackoverflow.com/editing-help – scunliffe

Le problème est votre syntaxe CSS.

Au lieu de:

position=absolute;

mis

position: absolute;

Si vous voulez le positionnement absolu dans une autre balise, définissez l'étiquette extérieure pour être positionné relativement:

<div style="position:relative;"> 
    <div style="position:absolute;bottom:0;right:0;"> 
    This will be positioned in the bottom-right of the outer div. 
</div> 
</div>

Source

2009-06-10 02:46:55

Essayez de remplacer le = avec:

<div style="position:absolute; top:100px; left:100px"> HELLO 100,100</div> 
<div style="position:absolute; top:200px; left:100px"> HELLO 200,100</div> 
<div style="position:absolute; top:0px; left:0px"> HELLO 0,0</div>

Source

2009-06-10 02:47:50 Emily

CSS position différente dans FF et IE

Répondre

Questions connexes