webForumDet fria alternativet

Lägga en div längst ner mot sidan

HTML & CSS

6 svar · 412 visningar · startad av nikolas_helsing

Medlem sedan juni 200448 inlägg
Frågan#1

Hej!

Undrar om följande är möjligt att göra.

Se grunden här.

Är det möjligt att placera bottom så att den konstant ligger mot nerderkanten förutom om inehållet i container eller link behöver så mycket utrymme att hela sidan behöver scrollas?

Link och container ska bli så höga att de går ner till bottom.

Medlem sedan sep. 20026 425 inlägg
#2

Sätt höjden på respektive lager till 101 %. Ex.

#link
{
height: 101%;
}
Medlem sedan sep. 20026 425 inlägg
#3

Detta fungerar. Jag sätter höjden till 101% för både link och container, samt lägger till float: left på link-lagret.

#link {
position: relative;
width: 100px;
[b]height: 101%;
float: left;[/b]
border: solid 1px black;
left: 50%;
margin-left: -190px;
}

#container {
position: relative;
[b]height: 101%;[/b]
width: 300px;
border: solid 1px black;
left: 50%;
margin-left: -100px;
}
Medlem sedan juli 20013 378 inlägg
#4

Hmm...

Om det där med 101% höjd känns mysko, kanske den här alternativa varianten på lösning kan vara till lite hjälp (se kommentarer i koden !)

Medlem sedan juni 200448 inlägg
#5

jarvklo´s lösning är perfekt. Blir tårögd av så här fina lösningar! Tack så mycket jarvklo och m_soderlund! :bire

Medlem sedan mars 200490 inlägg
#6

jarvklo..
hur kommer det sig att sidan ser ut som jag vill ha den när jag följer din länk men inte när jag tittar på den lokalt på min dator?
dessutom fösvinner bakgrundsfärgerna i de divarna..

(det jag är ute efter är att få sidebar & main att fylla hela höjden)

edit:
jag provade även att lägga upp filen på mitt webhotell o samma fel där..
så det är inte bara lokalt som det strular..

edit2:
kom på vad det var som fattades..
ngt jag letat efter min inte hittat först..
en bild - bakgrund_tvaspalt.gif

Medlem sedan juli 20013 378 inlägg
#7

:e bilden är nyckeln som sagt...

Här finns förresten mer info om designen och hur bra den funkar i olika webbläsare: http://www.webforum.nu/showthread.php?s=&threadid=118914&forumid=18

263 ms totalt · 4 externa anrop · v20260731065814-full.a51de22e
119 ms — deklarationer (db)
0 ms — hämta statistik (cache)
138 ms — hämta tråd, inlägg och bilagor (db)
123 ms — ändringar (db)