WeLoveCSS Logo
Home Profile Members Search Rules Help New Posts



WeLoveCSS > WEB DESIGN > CSS > Wrapper issue

Reply
  Thread Tools Display Modes
Old 30th August 06, 10:55 PM   #1
lex2000
WLC Member
 
Join Date: Aug 2006
Posts: 3
Default Wrapper issue

Can someone explain why the wrapper is cutting off at the end of the nav? I want it to extend to the bottom of the browser window but can't quite seem to get it to do so. Thanks in advance.

http://www.spacebetween.com/art/
lex2000 is offline   Reply With Quote
Old 31st August 06, 07:02 PM   #2
Game Makker
WLC Lover
 
Game Makker's Avatar
 
Join Date: Jul 2006
Location: United Kingdom, Hertfordshire
Posts: 266
Default Re: Wrapper issue

Because it merely wraps the content. It doesn't mean it will stretch to the height of the page. Your best option is to use a background image.

here is a little guide to doing it:
  1. Open up photoshop or any other picture editor
  2. Now create a document that is only about 20 pixels down and the width of the middle section of your site.
  3. Now make a new layer on this and fill it with the correct colour
  4. Next lock that layer and adjust the size of the canzas/document but not the image. Change the width only to something like 4000 ensuring that the previous layer remains in the middle (so don't anchor anything)
  5. Now on another layer (underneath the previous) create your background pattern
  6. Save it as as small a file size as you can without ruining the image (prefferably gif)

That is roughly how you make the image. Or how I usualy do anyways.

Now upload the image to your webserver. Ill pretend it is in a folder called images.

The CSS:
Code:
body {
  background:#FFFFFF url(/images/mainbg.gif) repeat-y top center;
  /*The rest of your body css*/
}
You can leave the wrapper code alone. You may want to remove the background image from it though as it shouldn't be needed. All the wrapper needs to do is stop your content from leaving the boundaries.

It should work but I havn't tried it out myself. Hope I helped. Tell us if it doesn't and then Ill take a closer look at your code.
__________________
**
To view links or images in signatures your post count must be 5 or greater. You currently have 0 posts.
**
Simple articles to help anyone get started.
Game Makker is offline   Reply With Quote
Old 31st August 06, 11:28 PM   #3
lex2000
WLC Member
 
Join Date: Aug 2006
Posts: 3
Default Re: Wrapper issue

Thanks for your help!
lex2000 is offline   Reply With Quote
Reply


Thread Tools
Display Modes
Linear Mode Linear Mode

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

Forum Jump

Similar Threads
Thread Thread Starter Forum Replies Last Post
Auto Margins not working in IE6 bgnm2000 Browser Compatibility 1 14th June 07 08:11 PM
Firefox has issue with margins?????? graphicd00d Browser Compatibility 7 1st May 07 05:48 PM
IE6 centering issue with nested footer timgrayphoto CSS 1 10th November 06 05:50 PM
Need Help, IE 7 (Resize Window Issue) Shane.Perran Browser Compatibility 2 6th October 06 11:55 AM
Float Issue A.Fairhead CSS 4 15th September 06 01:57 PM


All times are GMT. The time now is 11:58 AM.



Home | Advertise | Contact Us | Top
Home | Advertise | Contact Us | Top

Copyright© 2006 WeLoveCSS.com. All Rights Reserved.
Powered by vBulletin Version 3.8.4 Copyright ©2000 - 2013, Jelsoft Enterprises Ltd.