---

Hvordan sætter jeg et billede i bunden at et div?
Jeg har forsøgt med <div style="vertical-align: bottom;"><img
src="billede" /></div>
men det vil ikke virke..
Hvad skal jeg så bruge?

- Søren

---

On 04 Dec 2005 15:28:54 GMT, Per Gregersen <mobleman@2KWDSe-mail.dk>
(slet 2KWDS) wrote:

>Hvordan sætter jeg et billede i bunden at et div?
>Jeg har forsøgt med <div style="vertical-align: bottom;"><img
>src="billede" /></div>
>men det vil ikke virke..
>Hvad skal jeg så bruge?

Prøv med noget i retning af:
<div style="position:relative;height:300px;"">
<img src="billede" style="position:absolute;bottom:0;" />
</div>

Så vidt jeg har testet, skal der en height på div'en for at det
virker.
Forklaringen på dette er jeg ikke for sikker på, men jeg tror det har
noget at gøre med, at når indholdet er absolut positioneret, så bliver
det ikke medregnet i det almindelige flow. Div'en opfatter det derfor
som om den ikke indeholder noget og "klapper sammen".

Hvis du har andet indhold i div'en som sikrer en tilstrækkelig højde i
alle tilfælde, kan du formentlig undlade height-angivelsen. Det kan fx
ske ved at have en margin-bottom på dette andet indhold, som modsvarer
billedets højde.


Good luck,
Jørn

--
Jørn Andersen,
Brønshøj

---

On Sun, 04 Dec 2005 17:41:42 +0100, Jørn Andersen <jorn@jorna.dk>
wrote:

>On 04 Dec 2005 15:28:54 GMT, Per Gregersen <mobleman@2KWDSe-mail.dk>
>(slet 2KWDS) wrote:
>
>>Hvordan sætter jeg et billede i bunden at et div?

Se evt. et par eksempler:
<url: http://www.marxisme.dk/usenet/eksempler/img-i-bund-af-div.htm>


--
Jørn Andersen,
Brønshøj

---

slet 2KWDS skrev:

>Hvordan sætter jeg et billede i bunden at et div?
>Jeg har forsøgt med <div style="vertical-align: bottom;"><img
>src="billede" /></div>
>men det vil ikke virke..

vertical-align virker ikke på decideret blokelementer, som en
<div>, men gør f.eks. på <td>

>Hvad skal jeg så bruge?

Bruge en tabel eller evt. lave <din> om til at bruge egenskaberne
en tabelcelle.

display: table-cell;
vertical-align: bottom;

Virker ikke i IE.

Eller roder med position, som Jørn foreslår.

Evt. kan man også rode med padding.
--
Topposter du svar, dvs. skriver dit svar over det citerede,
så ryger du på min ignoreringsliste.
Svar under det du citerer og citer kun det du svarer på - tak.
http://usenet.dk/netikette/citatteknik.html