[Speechist]

On this page (RRHS Athletics), near the bottom is a rectangular green image that should actually be nestled up in the paragraph just above it (floated left), but in FF it drops like a rock to the bottom of the container DIV. Placement of a similar (floated) image further up the page results in the same thing (showing up near the bottom in FF), while in IE the images stay where they are.

I know about the need to clear the element following a floated element so the container expands up to envelope the floated item (since IE wrongly but conveniently expands the container box so the floated element doesn't stick below it), and I have tried to do that but without success. I think this is related to the floated element-container box thing but I'm starting to think it's something else I'm missing. Any ideas?

This post has been edited by Speechist: 30 January 2007 - 09:11 PM

[Arbitrator]

This may be due to your page displaying in backward‐compatibility (quirks) mode in those browsers. In that mode, browsers intentionally render pages incorrectly to be backward‐compatible with prior incorrect behavior. I would get your document out of that mode first; you can do that by using a full document type declaration with the URL at the end.

You may also want to fix the HTML errors while you’re at it. The document also uses obsolete code, but I’m not going to get into that.

[Speechist]

Arbitrator, on 31 Jan, 2007 - 07:06 PM, said:

This may be due to your page displaying in backward‐compatibility (quirks) mode in those browsers. In that mode, browsers intentionally render pages incorrectly to be backward‐compatible with prior incorrect behavior. I would get your document out of that mode first; you can do that by using a full document type declaration with the URL at the end.

You may also want to fix the HTML errors while you’re at it. The document also uses obsolete code, but I’m not going to get into that.

I appreciate the idea about the DTD and adding the URL; I've been in Transitional for so long that it may be time to step up to Standards (Strict) mode now. I've had to build for a lot of legacy systems in our district, but I think I can either start using conditional CSS statements now or turn my back on a few things. I already know about the validation errors and code.