-
Safari Background bug
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
Get Help | Chat | Critique | Share
Community for graphic designers
-
-
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; }
-
Posting Permissions
- You may not post new threads
- You may not post replies
- You may not post attachments
- You may not edit your posts
-
Forum Rules
Bookmarks