Page 1 of 1

no background color in safari [solved]

Posted: Thu Mar 25, 2010 11:26 am
by designtwenty1
hi i am very new to cms and have just installed it and been playing around with it, i have just noticed that in IE and FF background color displays fine but in safari it just stays pure white and i have no idea why, my css code seem to be in order. if any one can help it will be much appreciated .

Code: Select all

@charset "UTF-8";
/* CSS Document */

body {background-color:#000;margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333;}

#wrapper {width:1000px; margin:0 auto; padding:0; }

#topbanner {width:1000px; margin:0;padding:0; float:left; background:#ffffff;}

#mainbanner {width:1000px; margin:10px 0 0 0; padding:0; height:190px; float:left; background:#ffffff;}
#picbox {width:280px; margin:0; padding:0; float:left;}
#infobox1 {width:359px; float:left; margin:0; padding:0; background:#ffffff; border-left:1px solid #ffffff; height:144px;}

#maincontent {width:1000px; margin:0; padding:0 0 20px 0; float:left; background:#fff;}
#navbox {width:233px; margin:0; padding:0; float:left; border-top:1px solid #fff;}
#navbox ul {list-style:none; margin:14px 0 0 14px; padding:0; width:200px; border-top:0px dotted #fff;}
#navbox li {display:block; width:200px; margin:0; padding:0; float:left;}
#navbox li a {display:block; width:190px; margin:0 0 8px 0; padding:10px 0px 10px 10px; float:left; color:#333; border:1px solid #ccc; text-decoration:none; font-weight:bold;}
#navbox li a:hover { background:#53ab23; color:#fff;}

Re: no background color in safari

Posted: Thu Mar 25, 2010 12:29 pm
by Jos
Looks to me safari does a fine job.

I only see a black #000 background for the body, everything else is set to white #fff/#ffffff

The only other backgroundcolor I see is for a navigation-item on a hover state.

So the question should be: where do IE and FF get their backgroundcolors from??  Or do I miss something ???

With this sort of questions it is better to give a link to the site.  :)

Re: no background color in safari

Posted: Thu Mar 25, 2010 12:38 pm
by designtwenty1
hi

yes thats what i want i want the body background color to be #000 and the rest #fff but all works fine for me apart from safari which had a body background of #fff.

Link = http://www.designtwenty1.com/cmsmadesimple

Re: no background color in safari

Posted: Thu Mar 25, 2010 3:27 pm
by lollipop27
Try to add this at the very beginning of your stylesheet:

*{
margin: 0;
padding: 0;
}

I tested with CSSEdit and it seems that it doesn't take the color if its the first argument. Strange enough, but if you add that, it should work...

Re: no background color in safari

Posted: Thu Mar 25, 2010 3:53 pm
by designtwenty1
hi lollipop thanks mate worked great i generally put that at the beginning of a css sheet just this time i didnt and it never even occured to me. sorted now tho once again thanks
;D ;D ;D ;D ;D

Re: no background color in safari [solved]

Posted: Thu Mar 25, 2010 4:27 pm
by Jos
great tip lollypop!