2 replies [Last post]
FallenAcorn
FallenAcorn's picture
Offline
Regular
USA
Last seen: 14 years 33 weeks ago
USA
Joined: 2004-11-07
Posts: 23
Points: 0

http://www.nortonsiegel.com/new/layout.css
http://www.nortonsiegel.com/new/navbar.css
http://www.nortonsiegel.com/new/styles.css

http://www.nortonsiegel.com/new/home.htm

okay. If you lookit that home.htm in IE, it's fine, w/a nice centered bg image. In FF, however, the positioning is all wrong.

the main window is defined in the layout.css, and the background image style is in the styles.css (.aboutus, .contact ... these are also working fine in IE and not FF).

i have tried all sorts of relative and absolute positioning... i dunno.

any ideas what's happening here :?:

thepineapplehead
thepineapplehead's picture
Offline
Moderator
Last seen: 4 weeks 2 days ago
Timezone: GMT+1
Joined: 2004-06-30
Posts: 9683
Points: 819

Firefox Background Image Problem

Your mouseovers don't work in IE.

I think it's to do with the positioning and the size of the box.

Verschwindende wrote:
  • CSS doesn't make pies

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 1 year 12 weeks ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9776
Points: 3858

Firefox Background Image Problem

You don't want {background-attachment: fixed;} because fixed positioning is relative to the viewport and because IE doesn't grok fixed except on body.

 
.home { 
    background: url("images/argyle.jpg") no-repeat 50%; 
    }

cheers,

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.