background-image loopt niet door tot onderaan de pagina

[Sh4wn]

Hi,

Ik ben bezig met het slicen van mijn eigen site (design is door iemand anders gemaakt), maar ik loop nu toch tegen een probleempje aan, ik snap niet waarom het volgende optreed:

http://145.94.51.207:8000/
Thuis servertje die niet altijd aan staat, dus als die offline weet je nu waarom

Als je de index pagina bekijkt, dan ziet de site (in firefox, rest nog niet getest), er goed uit. De gradient onder aan de pagina loopt mooi, de shadow aan de content zijkant zit op zijn plek, nergens een probleem.

Klikken we op een 'Reacties' link van een nieuwsbericht, dan gaat het in 1x fout. Hier is de pagina langer dan mijn scherm, en op een gegeven moment kapt de background image er simpelweg mee. Ik heb via webdeveloper toolbar 'Outline Custom Elements' gedaan waarbij ik keek naar de 'html' en 'body' tag, en de outline die de webdevelopertoolbar gaf, zag er prima uit. Het vierkant wat de toolbar maakte, nam de volledige site in beslag, ook waar de background image niet zit.


De groene en rode border geven aan dat de html en body dus gewoon, zoals het hoort, tot aan de onderkant reikt.

De grote vraag is daarom: waarom gaat mijn background image niet mee? Alvast bedankt.

[Mike2k]

Probeer in je css:
# container
margin-bottom:-25px; te vervangen voor: bottom: 25px;

[siddler]

Ik denk dat je even wat relevante CSS moet posten. Maar ik denk dat dit wel werkt

code:

background-repeat: repeat-y;

[orf]

je body heeft een hoogte van 100%. Haal dat eens weg?

[Bosmonster]

orf schreef op woensdag 06 mei 2009 @ 22:56:
je body heeft een hoogte van 100%. Haal dat eens weg?

En ook van de html dan.

[keejoz]

Vergis ik me dan als ik zeg dat als je de hoogte van 100% in body en html weg doet, dat het in IE niet meer over de pagina strekt?

[Sh4wn]

Ja die body en html op 100% gebruik ik zodat de footer altijd onderaan de pagina staan (en als de content kleiner is dan het scherm, onderaan het scherm)

http://www.wmcity.nl/scripts.php?actie=bekijk&id=1758

Edit:
Ja met de height weg, doet ie het goed. Maar nu staat mijn footer niet meer onderaan..

[ Voor 18% gewijzigd door Sh4wn op 07-05-2009 00:38 ]

[dB90]

Sticky footer

[Sh4wn]

dB90 schreef op donderdag 07 mei 2009 @ 19:33:
Sticky footer

Ja dat is eigenlijk precies hetzelfde wat ik gebruikte, daar heb je dus height: 100% voor nodig in je body en html. En dat werkte dan weer niet met mijn background image. Maar goed ik heb het nu anders opgelost, nu geen sticky footer meer.

[Bosmonster]

En als je min-height gebruikt ipv height?

[Gersomvg]

Ik raad je aan je backgroundproperties niet mee te geven aan de BODY maar aan de HTML. Dan gaat het crossbrowser goed.

[Bosmonster]

Gersompie schreef op vrijdag 08 mei 2009 @ 12:35:
Ik raad je aan je backgroundproperties niet mee te geven aan de BODY maar aan de HTML. Dan gaat het crossbrowser goed.

Dat maakt niet zo heel veel uit als die ook op height:100% staat. Daarnaast mag je eigenlijk helemaal geen style-informatie aan je html-tag meegeven volgens mij (afgezien dat het wel werkt natuurlijk)

[Sh4wn]

Ik had idd min-height nu gebruikt, dit zorgt er iig voor dat me background image altijd onderaan is, de footer heb ik niet onderaan kunnen krijgen, maar goed, de huidige oplossing vind ik ook mooi genoeg

www.lucasvandijk.nl is het resultaat.