I was having a problem that looked exactly like the IE css bug that pushes the right column below the column to the left. As it turns out the bug was related to how IE handles some widescreen displays. I use a Dell 6000 laptop with a 15" screen.

Here is the fix below that I grabbed from the page at http://www.lealea.net/blog/comments/web-dev-problem-win-ie-on-widescreen/

HKEY_CURRENT_USER > Software > Microsoft > Internet Explorer > Main > UseHR= dword:00000001

So, what does that mean to a layman? Explain this to your client:

1. Go to Start > Run
2. Type regedit and press OK
3. Click on the triangles beside the folder HKEY_Current_User, then the triangle by Software, then Microsoft, then Internet Explorer, then Main
4. Fine the term UseHR on the right-hand window pane
5. Right click over the UseHR and choose modify
6. When the new window opens up, change the Value from 1 to 0. Press OK.
7. Get out of Regedit and close all instances of Internet Explorer.
8. Open up Internet Explorer again and visit the website

1. The end.

This one will drive you crazy thinking the problem is in your css layout. I've attached a jpeg of what the problem looks like, view on top is firefox and bottom is IE7.

CommentFileSizeAuthor
IE7VSFIREFOX.jpg34.75 KBtotaldrupal

Comments

johnalbin’s picture

Holy cow! That’s a really obscure bug.

Thanks for pointing this out. I’ll have to add this to an FAQ or something about column breakage in IE.

- John

johnalbin’s picture

Title: I fixed my sidebar problem with IE7 » high-res PC monitor causes layout to shift left
Anonymous’s picture

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for two weeks with no activity.