Log in

View Full Version : Safari Background bug



GFX-Help.com
09-19-2008, 08:12 AM
My site is http://www.gfx-help.com
I have a tiled background and then a container around everything with a background for the fixed background design at the top. It works perfect in FF and IE, but in safari (both on mac and pc) it shifts the background by a few px.

Here's a link to a test file I made so it's easy to look through the code:
http://www.gfx-help.com/test.html

and here's the css...
.container {
background-image:url(images/bblast/header/bg_top.jpg);
background-repeat:no-repeat;
background-position:top center;
background-attachment:fixed;
margin:0px;
padding:0px;}

this is the body css (ignore the incorrect formatting)
#444444 url(images/bblast/bg.jpg) repeat-y top center
margin:0px;
padding:0px;

Any help would be greatly appreciated
Thanks

-Sam
www.GFX-Help.com (http://www.GFX-Help.com)
Get Help | Chat | Critique | Share
Community for graphic designers

zookimaster
09-20-2008, 10:38 PM
I'd lose the table and try the following CSS below. If that doesn't render correctly then try changing the html and body round. Haven't tested this, but it should work off the top of my head.

body {
background: #444 url(http://www.gfx-help.com/images/bblast/bg.jpg) top center repeat-y;
margin:0px;
padding:0px;
}

html {
background: url(http://www.gfx-help.com/images/bblast/header/bg_top.jpg) no-repeat top center;
margin:0px;
padding:0px;
}

.container {
position: relative;
margin: 0 auto;
padding: 15px 10px;
width: 950px; }