Internet Explorer 7 Float Bug?
I am creating a site and I'm having trouble with x-browser support.
Currently I am only struggling with IE 7 as all other browsers that I have tested so far have been ok.
This is a link to one of my pages.
If you launch this site in IE 8 or 9 then hit F12, you can change the Document Mode to IE7 Standards... Then you will notice that the main body of text is falling past the footer.
I have tried so many online solutions to try and get to the bottom of this - It's driving me crazy!
Can anyone help me?
Sometimes issues with FLOAT:LEFT; and FLOAT:RIGHT;
Now sure if this will be a help for you, but in web application development if you have several divs that are using float:left; or float:right you can sometimes run into issues.
If you have a div with float:left; next to a div that has no float. The div with no float will superimpose itself on top of your div with float:left; Also it will not lineup as you expect it to with the other divs.
float:left; is used very often in web development, especially when trying to align content without the use of HTML tables.
This problem will occur regardless of the web programming language you use, whether it is ASP.NET, ColdFusion, or PHP.
Michael G. Workman