WN

WN (https://www.wn.se/forum/index.php)
-   Klientsidans teknologier, design och grafik (https://www.wn.se/forum/forumdisplay.php?f=12)
-   -   Image height (https://www.wn.se/forum/showthread.php?t=26034)

Chainsawkitten 2008-01-05 16:27
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

Kod:
...

<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 2008-01-06 13:59
Lyckades fixa det...

tartareandesire 2008-01-06 14:06
Det är bra om du skriver hur du löste problemet så att andra kan ha nytta av det.

Chainsawkitten 2008-01-11 23:24
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.


Alla tider är GMT +2. Klockan är nu 12:10.

Programvara från: vBulletin® Version 3.8.2
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
Svensk översättning av: Anders Pettersson