Background color problems with relative positioning

This is a discussion on "Background color problems with relative positioning" within the Web Page Design section. This forum, and the thread "Background color problems with relative positioning 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 May 12th, 2007, 19:05
New Member
Join Date: May 2007
Location: UK
Posts: 2
Thanks: 0
Thanked 0 Times in 0 Posts
Background color problems with relative positioning

Hi everyone,

I'm having some problems with the background color for css boxes. I have set the wrapper background color to white, however the body background is still showing through. If i set the position tag to absolute it works, but when set to relative it does not.

I have tried setting each box to have a white background but this still leaves certain areas with the body background showing through.

Any help would be appreciated. Thanks

http://www.flowersbyshelly.co.uk/fbs.html

http://www.flowersbyshelly.co.uk/fbs...sheet_home.css
Reply With Quote

  #2 (permalink)  
Old May 12th, 2007, 19:16
SuperMember

SuperMember
Join Date: Sep 2006
Location: Pink House
Posts: 3,946
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Background color problems with relative positioning

Could you change the css of the wrapper to?
Code: Select all
#wrapper {
    width:930px;
    margin: 0 auto;
    left: 50%;
    background-color:#FFFFFF;
    background-image: url(images/whitebg.gif);
}
Reply With Quote
  #3 (permalink)  
Old May 12th, 2007, 19:32
New Member
Join Date: May 2007
Location: UK
Posts: 2
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Background color problems with relative positioning

Have updated style sheet, still doing the same though. It works in IE7 but not in firefox on mac or pc.
Reply With Quote
  #4 (permalink)  
Old May 12th, 2007, 22:53
SuperMember

SuperMember
Join Date: Sep 2006
Location: Pink House
Posts: 3,946
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Background color problems with relative positioning

I missed this the first time:
Code: Select all
#wrapper {
    width:930px;
    margin: 0 auto;
    left: 50%;
    background:#FFFFFF url(images/whitebg.gif);
}
Reply With Quote
Reply

Tags
absolute, background, color, positionrelative

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
positioning - relative or absolute? google Web Page Design 13 Nov 8th, 2007 16:00
[SOLVED] Link Color and problem with Image positioning! Ed Web Page Design 33 Oct 10th, 2007 11:17
CSS positioning help - relative to background image sj2as Web Page Design 1 Sep 12th, 2007 01:27
relative Positioning Problem Dunce Web Page Design 6 Jun 8th, 2007 10:54
background color kaz Web Page Design 4 Aug 4th, 2005 17:28


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


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