- This topic is empty.
-
AuthorPosts
-
March 27, 2010 at 6:13 am #28545
Devilelites
MemberSorry 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,
DevMarch 27, 2010 at 8:45 am #73069Devilelites
MemberThanks 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:
March 27, 2010 at 10:56 am #73082Lynz
MemberTake a look at this, it might help you out.
March 27, 2010 at 11:33 am #73090Devilelites
MemberMarch 27, 2010 at 11:39 am #73093Devilelites
MemberLink: 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.
March 27, 2010 at 11:48 am #73095Devilelites
MemberOn the larger pages, it stops at the middle. So that wont work.
March 28, 2010 at 12:25 am #73107Lynz
MemberThese 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!
March 28, 2010 at 7:47 am #73114Devilelites
MemberI 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.
-
AuthorPosts
- The forum ‘CSS’ is closed to new topics and replies.