CODEWITHSUNDEEP
csspositionpositioningcss-position
SaturnsEye
SaturnsEye

Reputation: 6509

Div placement in IE doesn't align right because of CSS Positioning

I have a fixed div that works perfect in Chrome and FF but for some reason in IE the fixed header gets pushed over to the right.

Looking at my CSS it seems to be the position: relative; on my "content" div because when I remove it, it works but them obviously my "content" is out of place then.

What would be the way of getting around this?

Here's a fiddle of my code: http://jsfiddle.net/ELUGc/1493/

Upvotes: 0

Views: 62

Answers (1)

thirtydot
thirtydot

Reputation: 228302

Your IE is not in IE10 mode. Check with Developer Tools (press F12).

You can force the latest rendering mode by adding this inside head:

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

This is irrelevant for you, since I'm near-certain you can fix the problem in the way I've already described, but if you wanted to fix IE7 (your IE10 is in IE7 mode) you could do it by adding left: 0 to #wrapper.

Upvotes: 1

Related Questions