beste manier van position?

[bartbh]

Wat is de beste manier om de CSS position-tag te gebruiken?

Want ik heb heb door middel van deze tag 3 afbeeldingen die elkaar gedeeltelijk overlappen.
In IE wordt dit goed weergegeven, maar in FF gaat het helemaal verkeerd.

Ik heb style="position:absolute" gebruikt.

Hoe kan ik er voor zorgen dathet in FF ook goed wordt weergegeven? Of heeft iemand anders een goede manier om de afbeeldingen over elkaar te plaatsen.

 

[teacher]

hoe bedoel je "verkeerd" ?

FF/Moz en IE interpreteren het box-model op verchillende wijze.

Heb je ook een z-index gebruikt?

 

[bartbh]

Ik heb z-index gebruikt.

Bij IE staat het goed, maar bij FF staan de afbeeldingen te ver naar boven. De onderlinge afstand tussen de afbeeldingen is wel goed.

Ik heb ook geprobeerd om de afbeeldingen te plaatsen doormiddel van 'relative' dan staan zowel in FF als in IE de afbeeldingen op de goede plek.
Alleen laat FF dan een horizontale scrollbar zien, terwijl er 'niks te scrollen valt'

 

[teacher]

dan zou je eens moeten zoeken op de IE box-model hack, en de boel wat verder naar beneden te zetten; flink in je CSS spitten dus.


t.

 

[bartbh]

De IE box-model hack is bedoelt voor IE < 6
En ik gebruik IE 6.0 en FF 1.0

 

[bartbh]

Ik heb het nu op deze manier opgelost:

<link rel="stylesheet" type="text/css" href="style.css">            
<!--[if IE]>
<link rel="stylesheet" type="text/css" href="iestyle.css">            
<![endif]-->

Dus een aparte declarering voor IE en een algemene.