mozillaMedlem sedan juli 20011 084 inlägg 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 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 Okej det verkar funka :)
Men vertical-align funkar inte i en div? skumt i så fall :l
jarvkloMedlem sedan juli 20013 378 inlägg 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 ;)
