div med valign=bottom?

3 svar · 240 visningar · startad av mozilla 24 apr. 2004

mozillaMedlem sedan juli 20011 084 inlägg

Frågan24 apr. 2004 14:35#1

Jag har stirrat mig blind på mitt problem en bra stund och kan inte komma fram till varför det blir som det blir. Jag har div1 med text i, längs ner i den divven vill jag placera en bild(som ligger i div2) Och för att få div2 att komma längst ner tänkt jag att jag använder vertical-align:bottom;height:200px; men ingenting händer? Är det för att jag validerar med XHTML 1.0 Transitional eller för att divvar inte gillar valign?

Eller har ni något annat förslag på hur jag kan placera mina två bilder längs ner på varje sida?

MatteMedlem sedan aug. 20002 975 inlägg

24 apr. 2004 16:49#2

Testa något på det här hållet:

<div style="height:200px; position:relative;">

<div style="position:absolute; bottom:0px">
<img src="bilder/bild.jpg">
</div>

</div>

mozillaMedlem sedan juli 20011 084 inlägg

24 apr. 2004 19:45#3

Okej det verkar funka :)

Men vertical-align funkar inte i en div? skumt i så fall :l

jarvkloMedlem sedan juli 20013 378 inlägg

24 apr. 2004 21:26#4

Nejdå - det är enligt CSS2 standard...

vertical-align gäller bara för tabellceller och inom rader (dvs inom "inline-taggar") "by design" av W3C.
Källa:
Inom rader (inline level elements): http://www.w3.org/TR/CSS2/visudet.html#line-height
För Tabellceller: http://www.w3.org/TR/CSS2/tables.html#column-alignment

Egentligen är det alltså tabellcellens vertikala position på tabellraden man justerar med vertical-align... Think about it ;)
Det är inte så "skumt" egentligen när man ser analogin med hur tecken vertikaljusteras på en textrad ;)