8 replies [Last post]
rgreen
Offline
newbie
Last seen: 17 years 20 weeks ago
Timezone: GMT-6
Joined: 2004-09-02
Posts: 5
Points: 0

Can someone tell me why this works perfectly in IE6 and falls apart in Firefox?

OPTAdmin
Offline
Enthusiast
Dover, OH -- Soon to be Columbus, OH
Last seen: 17 years 25 weeks ago
Dover, OH -- Soon to be Columbus, OH
Joined: 2004-07-27
Posts: 108
Points: 0

CSS Forefox Problem

Could you include the page itself, so we can see what exactly is "falling apart"? Thanks!

I am going to be attending The Ohio State University this fall as an incoming freshman, majoring in Computer Science and Engineering.

Go Bucks!

rgreen
Offline
newbie
Last seen: 17 years 20 weeks ago
Timezone: GMT-6
Joined: 2004-09-02
Posts: 5
Points: 0

CSS Forefox Problem

Sure. I should have done that in the first place.

mkjoker
Offline
Regular
Dresden
Last seen: 17 years 20 weeks ago
Dresden
Timezone: GMT+1
Joined: 2004-09-01
Posts: 40
Points: 0

CSS Forefox Problem

Hi rgreen,

you defined the two div below your top bar with a height of 100%. They are contained in your container-div as well as the top bar. The height of your two columns will be 100% of the container's height. Since their top is below the 100px-high top-bar, there bottom is 100px below the border of your container and because their layer is on top you can't see the borders of the container anymore.

It seems that the IE resizes your container automaticaly or hides the overflow.

I did some changes to your css, which seem to work.

mkjoker

rgreen
Offline
newbie
Last seen: 17 years 20 weeks ago
Timezone: GMT-6
Joined: 2004-09-02
Posts: 5
Points: 0

CSS Forefox Problem

Thanks.

Any ideas on the gap at the top?

TimeBandit
Offline
Enthusiast
Maryland, USA
Last seen: 17 years 20 weeks ago
Maryland, USA
Joined: 2004-09-02
Posts: 112
Points: 0

CSS Forefox Problem

rgreen wrote:
Any ideas on the gap at the top?

you mean the gap before content? try:
body { margin: 0; padding: 0 }

You may want to try coding for FireFox first, then hack it for IE. Here's an article that talks a little bit more about that process:
http://www.waycoolwebdesign.com/website-design/f/00001.html

rgreen
Offline
newbie
Last seen: 17 years 20 weeks ago
Timezone: GMT-6
Joined: 2004-09-02
Posts: 5
Points: 0

CSS Forefox Problem

Thanks but I have already tried that and It didn't work.

rgreen
Offline
newbie
Last seen: 17 years 20 weeks ago
Timezone: GMT-6
Joined: 2004-09-02
Posts: 5
Points: 0

CSS Forefox Problem

For anyone who is interested, the issue is the p element nested in the topbar. The margin runs over the top of the box. Setting the p margin-top 0 fixes the issue. Apparently this is an issue netscape also suffered from. I found this on thenoodleincident.com.

mkjoker
Offline
Regular
Dresden
Last seen: 17 years 20 weeks ago
Dresden
Timezone: GMT+1
Joined: 2004-09-01
Posts: 40
Points: 0

CSS Forefox Problem

I can recommend the FireFox Extension "Web Developer" - in case you don't have it yet.
You may outline block elements, table cells etc., show class names, block sizes and more...