Results 1 to 2 of 2

Thread: Safari Background bug

  1. #1
    Join Date
    Sep 2008
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default 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

  2. #2
    Join Date
    Apr 2008
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    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; }

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •