/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
Sætte billede i bunden af et div
Fra : Per Gregersen


Dato : 04-12-05 16:29

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


 
 
Jørn Andersen (04-12-2005)
Kommentar
Fra : Jørn Andersen


Dato : 04-12-05 17:42

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

Jørn Andersen (04-12-2005)
Kommentar
Fra : Jørn Andersen


Dato : 04-12-05 19:10

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

Knud Gert Ellentoft (04-12-2005)
Kommentar
Fra : Knud Gert Ellentoft


Dato : 04-12-05 19:31

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

Søg
Reklame
Statistik
Spørgsmål : 177552
Tips : 31968
Nyheder : 719565
Indlæg : 6408847
Brugere : 218887

Månedens bedste
Årets bedste
Sidste års bedste