[jonssondesign]

God fortsättning mina vänner!

Jag håller just nu på och utvecklar en sida, som för tillfället är topphemligt - klass med area 51.

Hur som, jag har stött på ett problem som jag tycks inte kan lösa, men vet att det är fullt möjligt.

Jag sitter just alltså och försöker koda frontend till en meddelande funktion likt facebooks. I "meddelande"-fältet så ser ni att listan börjar längst upp och går neråt (precis som en vanlig lista). När listan dock nuddar botten (kommentarfältet), så sitter den fast där, och de oavstående (gamla) listorna (meddelanden) åker upp in bakom ridån. Förstår ni?

Jag förstår att fältet är innanför en div med overflow:hidden. No worries där.

Men jag kan inte förstå hur tusan dom har gjort för att få meddelanden sen att inte vandra vidare NERÅT, istället går listan UPPÅT.

Någon som vet hur? Kanske är det enkel css? eller är det blandat med jquery?

Jag har sökt förbrillt på google, och kommer även fortsätta tills jag fått mitt svar .

Tack på förhand, och jag har överseende att ni kan vara lite sega i skallen efter allt nyårsdrickande

mvh

EDIT* sorry. Den börjar faktiskt längst ned också..

EDIT* Tror jag kanske kom på det!

Ska testa, återkommer!

[jonssondesign]

Okej, problemet är löst!

Omgåe <ul> listan med 2 div'ar.

Ge den yttre: en fast height, overflow:hidden; och position:relative;

Ge den inre: bottom:0; position:absolute;

klart.

EN fast height på den yttre behövs, för att kunna glömma element som "överstiger" den angivna höjden. Overflow:hidden; behövs för att saker skall gömmas. Position:relative; behövs för att få en högre nivå än den inre div'en som har position:absolute; (annars stiger bara en inre div'en över den yttre, oavsett om man har fast höjd och överflödet glömt).

Bottom:0; behövs för att div'en skall lägga sig längst ned i den vertikala linjen av den yttre div'en. Position:absolute är också nödvändig, annars har bottom:0; ingen påverkan på div'en.