CSS stretch footer vertically?

This is a discussion on "CSS stretch footer vertically?" within the Web Page Design section. This forum, and the thread "CSS stretch footer vertically? are both part of the Design Your Website category.



Go Back   Webforumz.com > Main Forums > Design Your Website > Web Page Design

Notices


Reply
 
LinkBack Thread Tools
  #1 (permalink)  
Old Oct 24th, 2006, 17:36
Reputable Member
Join Date: May 2006
Location: Wrexham, UK
Posts: 119
Thanks: 0
Thanked 0 Times in 0 Posts
Angry CSS stretch footer vertically?

Hi, can anyone please help.

On this website : http://www.nscleaning.co.uk I need the red footer to stretch to fill the rest of the screen no matter the users resolution so that there's no white gap at the bottom

I've thought of doing the height in % but if it's running on a huge monitor then I'd have to set the % to really high. I've currently got the shadow effect as the background image on the body so can't put it there, any suggestions please?

Thanks
Reply With Quote

  #2 (permalink)  
Old Oct 24th, 2006, 19:14
moojoo's Avatar
Moderator
Join Date: Aug 2005
Location: Texas
Age: 31
Posts: 1,730
Blog Entries: 1
Thanks: 0
Thanked 16 Times in 16 Posts
Send a message via AIM to moojoo Send a message via MSN to moojoo Send a message via Yahoo to moojoo
Re: CSS stretch footer vertically?

set a red background background:url("foo.jpg") top center repeat-y; i.e. make yourcurrent background red then the content area white. then of course set your container background to whatever and that will stretch the enitre page regardless of content height.
__________________
The internet is just a fad.
http://www.mevans76.com
Last Blog Entry: Apps every Mac based web dev should consider (Jul 10th, 2008)
Reply With Quote
  #3 (permalink)  
Old Oct 24th, 2006, 20:09
Reputable Member
Join Date: May 2006
Location: Wrexham, UK
Posts: 119
Thanks: 0
Thanked 0 Times in 0 Posts
Re: CSS stretch footer vertically?

Thanks alot mate, had to do a bit of twiddling around to get it working in Firefox, but using Overflow:auto worked

Thanks again
Reply With Quote
Reply

Tags
css

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On

Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] How to get my footer to stretch Gav Web Page Design 3 Dec 16th, 2007 14:15
Div stretch to bottom in IE6 Aso Web Page Design 16 Nov 27th, 2007 12:49
[SOLVED] wont stretch lostyboy Web Page Design 2 Oct 18th, 2007 14:25
stretch div with no content nate2099 Web Page Design 4 Jul 13th, 2007 13:36
Site Stretch with Content? CodyFunderburg Web Page Design 4 Nov 20th, 2006 14:58


All times are GMT. The time now is 04:27.


Powered by vBulletin®
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Friendly URLs by vBSEO 3.2.0 RC8
© 2003-2008 Webforumz.com : All Rights Reserved

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43