[Chainsawkitten]

Hur gör man för att en bild ska få samma height som dess parent element i XHTML/CSS?

Eg. så att den får samma height som den

eller <div> den är inne i.

Jag har testat height="100%" men det blir 100% av browser-fönstret och allt blir skitkonstigt.

Så här blir resultatet: http://img153.imageshack.us/my.php?image=nahrw4.jpg

...

<p align="center" style="background-color:#ce0000;"><img src="navbar_lt.png" alt="" style="position:absolute; left:0px;" /><img src="navbar_t.png" alt="" width="100%" height="10px" /><img src="navbar_rt.png" alt="" style="position:absolute; right:0px;" /><br />

<img src="navbar_l.png" alt ="" style="position:absolute; left:0px;" /> <!-- Den här bilden är det -->

...

Jag antar att det har med style="position:absolute; left:0px;" att göra. Finns det isf ngt annat sätt att få bilden längst till vänster och höger?

[Chainsawkitten]

Lyckades fixa det...

[tartareandesire]

Det är bra om du skriver hur du löste problemet så att andra kan ha nytta av det.

[Chainsawkitten]

Jag löste det med hjälp av em, en enhet relativ till textstorleken. Problemet var i sig inte att få <div>'ens höjd i grund och botten utan att få bildens höjd så bra att det blev bra även om texten ändrade storlek. Vilket ju fungerar med em.