Lag under lag

<div style="position: absolute; left: 10px; top: 10px; width: 500px; height: auto;">
<div style="border:1px solid red;position:absolute;bottom: -10px;">test</div>
</div>

20px giver ingen mening, men du kan da benytte z-index:


<div style="position: absolute; left: 10px; top: 10px; width: 500px; height: auto;z-index:20;">&nbsp;</div>
<div style="position: absolute; left: 10px; top: 10px; width: 500px; height: auto;z-index:1;">&nbsp;</div>

jeg skrev godt nok -10px ... det skulle være -20px..

Men dit eksempel roenving ?

Skal det ikke positioneres under, og ikke bag ? :)

/JJ

z-index positionerer på z-aksen !o]

(x-ksen er horisontalt, y-aksen er den lodrette akse og z-aksen er virtuelt overlæg mod brugeren !-)

jaja det er jeg med på, men med alt respekt..

Hvor får du fra, han vil ligge et virtuelt overlæg, om du vil, mod brugeren? :)

"Nu vil jeg gerne lave et til lag, der altid skal befinde sig 20px under det første lag..."

"20px giver ingen mening" <- 20px under et andet lag, giver fint mening. :) hans problem er han abosolut positionere et lag, og gerne vil have noget til at ligge under det.. og det er kan han kun ved at neste et div inden i det allerede absolutte positionerede lag, og udfra dette sætte afstanden til 20px... med bottom: -20px.

Han får måske også bedre held, crossbrowser, med det hvis han i stedet for "height: auto" sætter en præcis height.


/JJ

Ja, det har du da ret i !-)

-- og en anden måde er at positionere et omkransende element absolut, og så sætte margin-top til 20px; ...

nå ja, det vil måske være lidt mere semantisk fornuftigt, men forsøger altid selv, at have så lidt markup som muligt.

Mvh

jokkejensen - dit svar ordnede mit problem, så gider du lige poste et svar?