Empty background space

[Devilelites]

Sorry for the bad title, but I dont know what its called. I have a background on a website, and when some of the pages are too short (see picture), I want the white content background to continue to the bottom. Hopefull some of you have a solution, because it has to work in different screen sizes (1024×768 etc…).

Hopefull this picture can explain it, but ask if you want some code or more information.

[img]http://i591.photobucket.com/albums/ss352/CSSFirehawk/Logos/ex-2.png[/img]

Greetings,
Dev

[Devilelites]

Thanks for your answer, but then this happens:

http://i591.photobucket.com/albums/ss35 … os/ex2.png

Its not supposed to be nailed to the bottom, the white color just has to continue down the page.

You can see a picture, how it looks on pages which are long enough here:

http://i591.photobucket.com/albums/ss35 … os/ex3.png

[Lynz]

Take a look at this, it might help you out.

http://www.tutwow.com/tips/quick-tip-css-100-height/

[Devilelites]

@virtual

It’s not uploaded, but I will do it, since I think its required now.

@Lynz

Thanks for the link, but it doesn’t help. I put height: 100% on my footer, and min-height: 100% on HTML and body, but it just removes the space from the "advertise here" to the bottom of the footer.

[Devilelites]

Link: http://www.graphicaldesign.wep.dk/grafik.html

I know it loads like shit, and you dont understand the text, but you can see the code. It’s a free server, but in a few days, I’ll buy a good one. Hopefully it helps :)

PS: It was my first site, so it’s not set up perfectly, but hopefully I could fix it without starting from the start again.

[Devilelites]

On the larger pages, it stops at the middle. So that wont work.

[Lynz]

These suggestions should work, but they probably are not because you have your footer div OUTSIDE of your #wrapper. The wrapper div should ALWAYS contain ALL content of the page, and then it should work. It is easy to lose track of your divs, especially when you have an excess of them (which you do). Therefore it is really helpful to label each div that you close with a comment. For example:

<div id="wrapper">
all page content here, including footer
</div> <!– end #wrapper–>

This way you can see which div is closed where and they are easier to keep track of. Hope this works for ya!

[Devilelites]

I know it’s coded bad, as I said before it was my first site. I just hoped it could be fixed without totally remake, but I can see nobody have a solution. Thanks for your tries…

EDIT: I found a way, that works "OK", but not perfectly. It continues longer than to the bottom, but it’s better than before.

[Author]

Posts