Please forgive me if a similar thread has already been opened. The problem is that I’m currently building a website and it looks good in Firefox and Google Chrome but the layout is broken in the awful Internet Explorer 9. The sidebar is positioned inside the content section and the navigation is also broken. I have been Googling for hours on how to get this fixed as I must admit that I’m somewhat of beginner so perhaps it could be a simple solution that I don’t know of.
I am currently unable to upload the files so please have a look at the screenshot below.http://i.stack.imgur.com/k8xsw.jpg
Please let me know what you guys think. Thank you!
EDIT : I wanted to post the code but it looks unreadable when wrapped in a <.code.> tag.
Generally there should not be too much difference between IE9 and others.
By the way, did you check that your IE9 is not running in compatibility mode? And it is using the IE 9 engine ? Press F12 to open developer tools and select mode.
You can use the same developer tools to check how the page is getting rendered and compare with other browsers using other browser’s inspection tools or firebug (on FF)
Also check the browser zoom level (Ctrl+0 to make it correct zoom).
1. It’s IE 9 so I assume it uses the IE 9 engine.
2. I’ve just checked the browser modes and it was in the standard IE 9 mode. The IE 7 mode and compatibility mode all show the broken layout, however the IE 8 mode looks good.
3. I use Firebug for Firefox and it works great but I do dislike the developer tool for IE 9 .
4. Ctrl+0 does nothing for me unfortunately.
Any other tips?
Can you post a link? Or at least a link to your code on pastebin..
Wait a few minutes, I will need to upload it to my server.
it does not look correct even in Firefox 10.0.2 for me (on mac)
What exactly doesn’t look correct?