Plassere div på bunn av siden i IE

[-Teddy-]

Hvordan gjør jeg dette i IE?

 

Se problemet i IE her:

http://teddyen.net/ulyssestest/index.php

position: absolute;

bottom: 0;

 

... plasserer elementet absolutt på bunn av browseren, men om man scroller så står feltet på samme stedet i forhold til resten av siden, dvs at det beveger seg oppover.

 

Kan noen hjelpe meg med dette problemet? Den oransje boksen på bunn samt #iefooter skal plasseres på bunn. Nå ligger footeren bare på bunn av #innhold, og om #innhold ikke dekker hele siden ligger heller ikke footeren på bunn.

 

Kjapp forklaring på oppbygning av footer:

#webmaster vises kun i FF, selvom både iefooter og webmaster viser det samme til slutt. #webmaster er :fixed; i FF, mens #iefooter er float: left; clear: both; under #innhold i IE. #footer er position: fixed; bottom: 0; i FF og position: relative; clear: both; i IE.

I FF er alt slik det skal være altså, takket være dens støtte av :fixed;. Det er ikke nødvendig med fixed i IE, så lenge footeren ligger på bunn. Footeren består altså av #footer og #iefooter eller #webmaster

[Torjus]

Har samme problemet og lurer på det samme

[funkweb]

Da tenker jeg du har lyst å se hvordan denne er satt opp :

Skeletorscorpse

[-Teddy-]

Dette kom vel ikke som en overraskelse på meg:

[funkweb]

Hm, rart.. funka hos meg.

Hvilke doctype brukte du der?

[-Teddy-]

Copy/paste rett fra siden du linket til, bare slengt inn en <p> med masse dummytekst.

[funkweb]

Jeg tok også en copy/paste, funka fett det. vet ikke akkurat hvorfor din viste så gærn't

[-Teddy-]

Kan jeg få sourcen din der det virker eller link til side der det virker?

Prøv å bare sleng inn et <p> element med masse tekst og scroll du da...

[the_fire]

Fant en løsning som virket litt latterlig (men har sin helt naturlige forklaring - som noen andre må forklare): Om følgende står i CSSen vil det virke:

#footer {
position: absolute;
bottom: 1;
background-color: #cfc;
color: #000;
width: 80%; /* See note below */
text-align: center;
padding: 2% 10%;
}

Det som er endret på er bottom: 1. Validerer riktignok ikke. Men det er bare å finne et riktig mål (verken % eller px virket).

 

Men det virket i allefall i IE 6 her.

nocontent.zip

Endret 25. februar 2007 av The_Fire

[-Teddy-]

Sannelig - det funker!

Tusen takk!

 

[Torjus]

Det fungerer på en vanlig side som denne test siden:

 

http://thinkfuzzy.net/test/

 

...men... det funker ikke i wordpress? Min side:

http://thinkfuzzy.net/

 

EDIT: Fant ut av det, det er pga jeg har:

	position:absolute;

 

på #wrap. Men den MÅ være der. Hva gjør jeg nå?

Endret 25. februar 2007 av fUzZy^

[Torkild]

http://bza.no/100-prosent-hoyde-med-css/ - Jeg er sikker på at hvis dere ser på eksempel 5 til 8 her, får dere dette til å validere _og_ til å funke i wordpress.

[-Teddy-]

Bah, ser jeg fikk noe ala samme problem.

Den legger seg helt oppunder menyen min.

[Torjus]

Funket her nå =)

 

Når jeg fikk hjelp av The_Fire med dette problemet:

https://www.diskusjon.no/index.php?showtopic=722563&hl=

 

Så kunne jeg fjerne position:absolute; på #wrap og da kunne jeg bruke footeren Virker flotters : http://www.thinkfuzzy.net

[-Teddy-]

Ah, selvfølgelig. div med 100% høyde og negativ margin på toppen av footer. Takker og bukker Torkild!

[Torkild]

Bare hyggelig å kunne hjelpe