2 replies [Last post]
Spice
Offline
newbie
Georgia
Last seen: 13 years 30 weeks ago
Georgia
Joined: 2006-05-24
Posts: 3
Points: 0

Hi All,

I have searched everywhere and cannot figure this out. I'm tired of looking at it for hours and need some help. I'm not new to CSS standards but I am new to implementing cross-browser compliance so please be patient with me.

I am working on the front page of a web site. The remaining pages are a piece of cake but the front page is kicking my behind. It is displaying correctly in IE, but not in FF, Opera, and Netscape. It is close to right in the others.

The site has a container div with a header and footer div then three divs in the middle with nested divs in those. The idea is to have the middle div slightly overlap two top and two bottom divs. The problem is that I cannot get the div in the center to center and the contact div is too close to the bottom div.

The web site address is http://www.fussypuppy.com. The CSS is http://www.fussypuppy.com/artspacehome.css.

If necessary, I will begin again and code for FF but if I don't have to that would be great.

Thank you for your help.

Spice

Chris..S
Chris..S's picture
Offline
Moderator
Last seen: 8 years 18 weeks ago
Timezone: GMT+1
Joined: 2005-02-22
Posts: 6078
Points: 173

[Solved] Horizonal Columns with negative margins

#pictures {margin: -50px auto}

remove the negative margin from #bottom.

That'll fix up FF and should work in other modern, compliant browsers. IE is the buggy one, so it'll probably be messed up. But at least you are now correcting IEs bugs[1], not trying to make other browsers buggy.

[1] most of which are well known and have well documented work arounds.

Spice
Offline
newbie
Georgia
Last seen: 13 years 30 weeks ago
Georgia
Joined: 2006-05-24
Posts: 3
Points: 0

Thanks

Thank you for your help. I have it as close as I'm going to get it in all four browsers. Thanks again.

Spice