[SOLVED] How to get my footer to stretch

This is a discussion on "[SOLVED] How to get my footer to stretch" within the Web Page Design section. This forum, and the thread "[SOLVED] How to get my footer to stretch are both part of the Design Your Website category.


 Subscribe in a reader

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

Notices




Reply
 
LinkBack Thread Tools
  #1  
Old Dec 16th, 2007, 13:44
Gav Gav is offline
New Member
Join Date: Dec 2007
Location: Tamworth
Age: 22
Posts: 2
Thanks: 0
Thanked 0 Times in 0 Posts
[SOLVED] How to get my footer to stretch

Hi Guys n Girls

Iam currently building my portfolio for online and i have come to my footer.

My footer has a background color of a beige and i want it to stretch the whole width of the browser whatever size browser the person visiting my site is using.

I thought this was width: 100% but it doesn't seem to work.

The footer is in the body tag which has a set width of 850px, as i want to website to be 850px wide, and the footer but i want the background color of the footer to expand across the size of the browser whether it be 1450px wide or 1024px wide.

How can i do this?

Many thanks

Gav

Last edited by karinne; Dec 17th, 2007 at 14:28. Reason: Removed text formatting
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote

  #2  
Old Dec 16th, 2007, 14:12
Marc's Avatar
Staff Manager

SuperMember
Join Date: Apr 2007
Location: Scotland, UK
Posts: 1,794
Thanks: 0
Thanked 17 Times in 17 Posts
Re: How to get my footer to stretch

Well, firstly i don't reccommend that you make the body 850px wide. I suggest that you create an id or class called 'Wrapper' or 'Container' and make that 850px wide otherwise, the footer will only stretch the 100% of the body which is 850px wide.

Once you've done that, don't put the footer in the wrapper/container, just on its own with the 100% width.

It's pretty hard without any code. Hope that helps!
__________________
Marc
Staff Manager - Webforumz.com


Want to be a moderator? PM me.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #3  
Old Dec 16th, 2007, 14:14
Gav Gav is offline
New Member
Join Date: Dec 2007
Location: Tamworth
Age: 22
Posts: 2
Thanks: 0
Thanked 0 Times in 0 Posts
Re: How to get my footer to stretch

It has, and thats fixed it

Thanks Marc - huge help !!!!
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #4  
Old Dec 16th, 2007, 14:15
Marc's Avatar
Staff Manager

SuperMember
Join Date: Apr 2007
Location: Scotland, UK
Posts: 1,794
Thanks: 0
Thanked 17 Times in 17 Posts
Re: How to get my footer to stretch

Well.. That was easy!

Thread marked as solved .
__________________
Marc
Staff Manager - Webforumz.com


Want to be a moderator? PM me.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
Reply

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] Footer help nashultz07 Web Page Design 7 Nov 27th, 2007 01:01
[SOLVED] footer positioning danny322 Web Page Design 3 Nov 12th, 2007 10:30
[SOLVED] wont stretch lostyboy Web Page Design 2 Oct 18th, 2007 14:25
[SOLVED] misbehaving footer mykl Web Page Design 15 Oct 15th, 2007 19:20
CSS stretch footer vertically? uqwebdesign Web Page Design 2 Oct 24th, 2006 20:09


All times are GMT. The time now is 21:55.


Powered by vBulletin®
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Optimization 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