#1
  1. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    May 2004
    Posts
    1
    Rep Power
    0

    Cross-browser problem with CSS


    Hey, I'm working on a site (http://xtc.sixstudios.com/projects/pp/index.html) and I am having some problems.
    I made a class in CSS:
    Code:
    .middle {
    	background-attachment: fixed;
    	background-image: url(images/midtop.gif);
    	background-repeat: no-repeat;
    	background-position: 0px 0px;
    }
    and am applying that class to the middle table. When I view it in IE, it looks fine, but in mozilla (I'm using firefox) it looks like it is positioning it at 0, 0 of the page, not the table.
    If I change background-position: 0px 0px; to background-position: 139px 0px; then it looks fine in mozilla, but not IE.

    Does anyone know how to fix this? (Or why it is happening)
    Thanks~
    Last edited by fonehed; May 18th, 2004 at 07:19 PM.
  2. #2
  3. Thanks Johnny Hart (BC) R.I.P.

    Join Date
    May 2003
    Location
    Dallas
    Posts
    5,268
    Rep Power
    1956
    Moz is exhibiting proper behavior. The fixed position is supposed to reference the viewport, and maintain position relative to the viewport. Either use background-attachment: scroll or nothing at all.

    cheers,

    gary
    There are those who manage to build a web site without knowing what they're doing; thereby proving to themselves they do, indeed, know what they're doing.

    My html and css workshop, demos and tutorials.
    Ask a better question, get a better answer.

IMN logo majestic logo threadwatch logo seochat tools logo