IE8 Clear float issue
My situation looked just like the problem discussed here:
Clear float issue
That is:
"I have a page with the standard navigation bar on the left and the content area taking up the rest of the horizontal area to its side. …
This works fine except when the content area itself has floated elements and I try to use clear. My goal is to displayed the clear element right after the content area floats but instead it gets shoved down below the nav area."
but the solution given there didn't work for me. I've read about the issue; the following page seems to discuss most of the solutions:
http://css-discuss.incutio.com/wiki/Clearing_Space#Clearing_space_beneath_floated_elements
but none of these solutions worked for me either.
In IE8 only, I get a large gap above the table, all other browsers that I tested are fine. I'd really appreciate another set 开发者_StackOverflowof eyes.
The page is at:
http://www.diabetesgoaltracker.com/home.html
Thanks.
Your webpage is now served in quirks mode, meaning the browser renders it not according to the spec. Add a doctype, such as <!DOCTYPE HTML>
to the top and that should resolve it.
精彩评论