IE7 float bug in IE10 Compatability mode

Question

I'm trying to get a site working in IE10 for those people who've pressed the compatibility mode button - usually by mistake!

Compatibility mode in IE10 renders the document for IE7

I have a container div with 1 to 4 columns of dives floated left inside it, they are all cleared by a clearing div after the last column div.

It all works fine except in IE10 Compatability mode. I think it is an IE7 float bug but I could be wrong

enter image description here

La solution

Try changing your div

<div class="year-wrap 1">

for this one

<div class="year-wrap 1" style="overflow: auto;">

or simply add this in the class year-wrap of your css

overflow: auto;

Autres conseils

You can also put this on the <head> section of your website:

<meta http-equiv="X-UA-Compatible" content="IE=edge">

With this, the Compatibility mode button will not be shown so you won't worry about people accidentally clicking the Compatibility mode button. :)

Licencié sous: CC-BY-SA avec attribution

Non affilié à StackOverflow