CODEWITHSUNDEEP
htmlcssinternet-explorer
Gabe
Gabe

Reputation: 50493

Floats in IE Compatibility Mode

Is there any way to avoid the shifting effect you get when resizing the browser in Internet Explorer Compatibility Mode? It doesn't happen in Chrome or Firefox. It also seems to work well in when Internet Explorer is NOT in Compatibility Mode.

Along with the shifting effect when resizing, sometimes the rows get out of sync a bit.

Any ideas?

Here's the example (jsfiddle).

Upvotes: 1

Views: 834

Answers (1)

tw16
tw16

Reputation: 29575

The issue is caused by your percentage widths. If you take 1% off of .right and .inner that should solve your problem. Live example: http://jsfiddle.net/Eq5s4/8/

.right{
    float: right;
    width: 49%; 
 }

.inner{
    position: relative; 
    width: 49%;  
}

Upvotes: 1

Related Questions