webForumDet fria alternativet

100% höjd i en div?

HTML & CSSur HTML, XHTML & CSS

6 svar · 309 visningar · startad av Hamatzu

Medlem sedan mars 2005232 inlägg
Frågan#1

Jag håller på att göra en hemsida åt en kompis. Men nu så har jag fastnat vid detta
Som ni ser så går inte den högra diven ända ner till botten, och i IE ser det helknasigt ut.
Den högra diven har 100% i height och footern har "clear: both;" men det vill sig inte ändå.
Om ni vill se css-filen så finns den här.

Tacksam för svar. :)

Medlem sedan dec. 19992 085 inlägg
#2

Har du satt nån fast höjd på footern?

Lyckades inte ladda ned css-filen

Medlem sedan jan. 2000978 inlägg
#3

Istället för att försöka trixa med 100% höjd kan du lägga bakgrunden i #container istället:

#container {
    margin: 0px auto;
    text-align: left;
    width: 718px;
    background: url(grafik/right_bg.png) right repeat-y;
}

Använd <p> istället för div på #main_innehall och #right_innehåll. Känns mera riktigt.

Medlem sedan mars 2005232 inlägg
#4

Insider skrev:

Istället för att försöka trixa med 100% höjd kan du lägga bakgrunden i #container istället:

#container {
    margin: 0px auto;
    text-align: left;
    width: 718px;
    background: url(grafik/right_bg.png) right repeat-y;
}

Använd <p> istället för div på #main_innehall och #right_innehåll. Känns mera riktigt.

Det löste mina problem med diven så att den fortsatte enda ner! Tog ocskå bort divarna med innnehållet och ersatte med <p> :birp

Men det bistår fortfarande ett problem i IE, kolla själva. :x

Medlem sedan mars 2005232 inlägg
#5

M@rtin skrev:

Har du satt nån fast höjd på footern?

Nej det hade jag inte, men när jag gjore det så funkade det i IE också.

Tack för hjälpen! :birp

Medlem sedan jan. 2000978 inlägg
#6

Alltså, diven fortsätter inte ända ner nu heller. Men det spelar ingen roll, eller hur? ;)
(...så du kan ta bort height:100% i #right{}, om du inte redan gjort det)

Sätt en fast höjd på #footer och background:#fff; i #main{}.

Medlem sedan mars 2005232 inlägg
#7

Insider skrev:

Alltså, diven fortsätter inte ända ner nu heller. Men det spelar ingen roll, eller hur?
(...så du kan ta bort height:100% i #right{}, om du inte redan gjort det)

Sätt en fast höjd på #footer och background:#fff; i #main{}.

Nej jag förstår att diven inte fortsätter ända ner. Den fortsätter bara så långt som texten fortsätter, så kommer ju containerbakgrunden fram under diven och fortsätter neråt istället. Och ja jag har tagit bort 100% i #right :)

Och ännu en gång tack för hjälpen! :bire
Vill samtidigt säga att det inte finns ngt bättre forum än detta . Fortsätt i samma stil!! :e

138 ms totalt · 3 externa anrop · v20260731065814-full.55e59744
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
135 ms — hämta tråd, inlägg och bilagor (db)