IE8 Clear float issue_问答_开发者_运维开发者技术经验分享

开发者 https://www.devze.com 2023-01-16 18:24 出处：网络

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 takingup the rest of the horiz

相关专题：css-float

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.