CSS: problem with Firefox

[aram535]

Hey, I was wondering if anyone could take a look at this weird problem that I am having in Firefox 2.0.0.3 and Opera but not in IE6,7 or Mac IE.

http://www.hidfoglight.com/t3.html

This is a copy of the same box -- the top has a forced height: variable so that it shows what it is supposed to look like.

The section below is with no height defined or with height: inherit.

The page renders correctly in IE6 and 7 but not in Firefox and Opera. Any ideas would be greatly appreciated.

Thanks.

Aram

[nks]

Oh, it does look weird to me in Firefox.... but I am currently running Linux. I'm not sure about the others.

[exam]

Looks broken to me in FF 2.0.0.3, IE6 and Opera 9.20. You should probably start the design from nothing, while adding one style at a time and testing in all browsers at each stage.

[Arenlor]

It's broken in IE7 to me too, along with Opera and FF. http://validator.w3.org/check?verbos....com%2Ft3.html Mr. Validator thinks you have lots of issues, especially the <script> beneath the closing html tag.

[aram535]

Originally Posted by Arenlor

It's broken in IE7 to me too, along with Opera and FF. http://validator.w3.org/check?verbos....com%2Ft3.html Mr. Validator thinks you have lots of issues, especially the <script> beneath the closing html tag.

Weird, works for me under IE7. -- Let me clarify, both top and bottom boxes do render fully -- the bottom (This is some extra text....) does appear 1/5 of the way down overlapping the bottom box -- but that's probably because I don't have a "clear: both" before it.

Ignore the validators, sadly its yahoo hosted and they seem to love to put in their own code after the page has ended so the validators are going to complain about 7 or 8 things that are outside of my control.

Aram

[aram535]

My apologies, forgot to post the final finding until now.

it turned out that, FF/IE/OP interpet the following differently.

#middle {
      width:  1000px; 
      height: auto; 
      overflow: hidden; 
}

FF doesn't seem to calculate the height correctly, it should be about 420px and it figured it out as 120px, which is probably the size of the number of <p> variables. Not sure how it is coming up with that number. This has been checked up to version FF 2.0.0.3. Same issue with Opera 9.

IE does calculate it correctly.

So the question is, is this a IE feature or a Gecko engine bug? I looked at the bugtracker info for Gecko and there are a bunch of "height" bugs, not sure if any of them covers this though.

Aram

[alainkun]

I see all corect with IE6 but the header.
I can see the images on the header, and if I check the root of this image it tells your code is: http:///tImages/logo.gif So please check your image link again.

[aram535]

Originally Posted by alainkun

I see all corect with IE6 but the header.
I can see the images on the header, and if I check the root of this image it tells your code is: http:///tImages/logo.gif So please check your image link again.

You're so late to the party it isn't even funny. What you're seeing is the 404 ERROR page since that test page doesn't exist anymore.

The page is all relative so if one of the images didn't load it sounds like you just need to reload. There are no static links in that page.

Aram

[alainkun]

Its not correct. I could see your webpage correctly with firefox but not with IE6.

I could see your header with asian girls with Firefox but not with IE

[kos]

Maybe I'm wrong, but I wonder:

Why do you set the overflow attribute, when you have height: auto?

#middle {
width: 1000px;
height: auto;
overflow: hidden;
}

[aram535]

Originally Posted by alainkun

Its not correct. I could see your webpage correctly with firefox but not with IE6.

I could see your header with asian girls with Firefox but not with IE

What exact version of IE6 are you using? I have tried 2 or 3 of them and they all work fine.

Is it just the 404 page or any page?

If possible could you PM me your IP so I can look it up on the logs to see what's going on?

Thanks.

[aram535]

Originally Posted by costin_trifan

Maybe I'm wrong, but I wonder:

No real reason, just testing. Trying to see what would cause one browser to fail to create the proper box around the items.

I found that block as part of the bug in bugzilla so I posted it exactly.

[kos]

Originally Posted by aram535

No real reason, just testing. Trying to see what would cause one browser to fail to create the proper box around the items.

I found that block as part of the bug in bugzilla so I posted it exactly.

I see...

Thank you.