div align

[nubie]

jo, jag försöker få texten i en div att hamna längs ner i diven avsett textens längd, men align-bottom funkar inte.
gör jag ngt fel?
jag vill använda css.

hjälp?

tack på förhand

[voigtann1]

tror det bli svårt.... men:

[kod]<div class="main">
<div class="text">Innehåll</div>
</div>[/kod]
[kod].main {
position: relative;
height: 300px;
background: #000;
}
.main .text {
color: #fff;
position: absolute;
bottom: 0;

}[/kod] lägger texten i botten.

http://jsbin.com/idatoj/1/

för demo.

[nubie]

div

ok, det funkade inte...

hur ska jag göra då om jag vill att texten ska sluta på samma ställe dvs längst ner i mina textdivar?

måste jag göra en separat div för varje sida...? det känns otroligt jobbigt när man sedan ska ändra texten.

[voigtann1]

visa vad du vill göra med en bild eller något...

[nubie]

jag hoppade över det så länge, men nu har jag lagt upp sidan och när jag kolla i mobilen (iphone) så flyter texten utanför. det är ju katastrof.
hjälp! jag har ingen aning om hur man löser det problemet...
www.götrich.se
extremt tacksam för hjälp!

[voigtann1]

börja med att inte bygga sidan med absolut positionering... du vill ju bara ha vanliga block. använd padding och marginaler. om du vill skapa luft, du kan även använda dig av border-top/border-bottom för dina linjer istället för att använda en bild, du vill ju ha en färgad linje, kan lika väl ha det i din CSS istället för ett anrop till servern.

[nubie]

med risk för att låta som en idiot så undrar jag: vad menar du när du skriver "block"...?

[voigtann1]

div har en display med värde block Att köra position absolute på dina kod block (div:ar) ser jag ingen som helst nytta av att göra. På dina undersidor vill du nog kolla in float för att få bilder till vänster och texter till höger osv. Men din CSS borde nog skrivas om för att underlätta ditt arbete med sidan i framtiden.

[nubie]

tack för tipset!