Firefox vs IE

[Zuke]

If you view my page (still under major construction)here, and go down to the Forums link on the nav bar, it takes you to a page with a dynamic iframe and my forums within.  The frame is supposed to resize it's height automatically depending on the frame's content and it works perfectly . . . in IE.  In FireFox, I load it up, and it it still resizes, but only to a point; there is a still a scroll bar to the side, and it doesn't completely resize.

Anyone have any ideas on this? It almost looks like FireFox is completely ignoring the scroll="no" command (or something like that command, can't remember right now).

[Ron@Spikecity]

My experience with making W3C compliant sites it to not use IE as a reference for compliant code but use Opera or Firefox instead.
I know Opera and Firefox are unforgiving for sloppy html and css but the final outcome is almost always that if it looks fine in either of those two it probably looks fine in IE too.

Seen from strict compliance performance I think the order would be Opera, FireFox, IE (from good to bad) and seen from a point of forgivingness on sloppy code or incomplete defined css statements it's exactly the other way around.

[Zuke]

Opera doesn't allow iframes.  Never has, and from what they've said, they never will.  So much for standards.

When I did get the margins and everything looking good in FF, it added extra lines in IE.  From the comments everyone here seems to say, it would appear I need to write 3 different versions of my page and then simply have a browser detect run on the index.php which routes them to their "correct" version.  This is ludicrous, nothing should be so complicated.

[Dr.CSS]

if you notice in IE your forum is right up against the starting edge of the image shadow...
making the forum narrower might allow it to appear in Ff correctly or make a page/template/style sheet combo just for that page...

[Zuke]

Yes, you are right!  I just noticed that myself.  Thing is, Firefox now runs fine with some of the modifications I made.  Thing I can't understand is, why in IE is the forums (and everthing for that matter) RIGHT up against the left side?  In FF, it sort of centers itself in the main area.

[Dr.CSS]

you need to play around with the IE hack like for the .headerstyle and some of the other stylings including margins for the forum...

* html body .headerstyle {everything that was in here that worked in IE}

[Zuke]

Sorry, you really did lose me there.

The headerstyle was just the bar, right?  And it looks like it NEVER worked in IE.  So much so, that it isn't just the forums page, ALL pages do that.  The only thing that the headerstyle worked with was the margin, and if I try and undo that, I'll just be at the beginning again.

[Dr.CSS]

* html body .headerstyle1{
display:block;
margin:30px 0 10px 0;
padding:5px 0 15px 8px;
background:#eee url(uploads/theme/gradient2.png) repeat-x;
color:#222;
border-top:1px solid #ddd;
border-right:1px solid #bbb;
border-bottom:1px solid #bbb;
border-left:1px solid #ddd;
text-decoration:none;
}

[Zuke]

But wouldn't that just undo what I did before and screw up the bar in Firefox?  Or is the *html body that you keep adding supposed to change how it reacts in IE?  Do I just put this in the CSS again?

[Dr.CSS]

leave the one you have in it and add this just below it, the only browser that will "see" it will be IE hence the * html body...
Firefox will "see" the other one

[Zuke]

That is so cool.  But lame at the same time!  Why should I have to bloat the coding to make it the same?  Oh well.  I guess this mean't IE7 is going to screw this page up too, huh?  Since IE7 will see the *html part, but put it at 30px UNDER the logo like Firefox used to.

[Zuke]

As for the content of Main being right up against the side . . . I can't seem to get that fixed.  Firefox and Opera center it so nicely, and it's the same size, just IE pushes it right up agains the side!

Everything I change in the CSS just screws it up more by pushing it farther and farther into the left nav bar.