147 posts
  • Bought between 50 and 99 items
  • Exclusive Author
  • Has been a member for 4-5 years
  • Netherlands
  • Sold between 100 and 1 000 dollars
PaulVictor says

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.

675 posts
  • Exclusive Author
  • Won a Competition
  • Most Wanted Bounty Winner
  • Sold between 10 000 and 50 000 dollars
  • Philippines
  • Bought between 10 and 49 items
  • Has been a member for 4-5 years
+1 more
dexterous says

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).

147 posts
  • Bought between 50 and 99 items
  • Exclusive Author
  • Has been a member for 4-5 years
  • Netherlands
  • Sold between 100 and 1 000 dollars
PaulVictor says

Hi Dexterous,

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?

3249 posts Nice Guy
  • Forum Superstar
  • Most Wanted Bounty Winner
  • Elite Author
  • Sold between 250 000 and 1 000 000 dollars
  • Has been a member for 6-7 years
  • Repeatedly Helped protect Envato Marketplaces against copyright violations
  • Won a Competition
  • Bought between 100 and 499 items
  • Exclusive Author
+6 more
RubenBristian says

Can you post a link? :) Or at least a link to your code on pastebin..

147 posts
  • Bought between 50 and 99 items
  • Exclusive Author
  • Has been a member for 4-5 years
  • Netherlands
  • Sold between 100 and 1 000 dollars
PaulVictor says

Wait a few minutes, I will need to upload it to my server. :)

675 posts
  • Exclusive Author
  • Won a Competition
  • Most Wanted Bounty Winner
  • Sold between 10 000 and 50 000 dollars
  • Philippines
  • Bought between 10 and 49 items
  • Has been a member for 4-5 years
+1 more
dexterous says

hmm, not sure.

try giving a minimum width to content? Or Is the sidebar floated right?

or may be share your code (only the problem part) using http://pastie.org/

147 posts
  • Bought between 50 and 99 items
  • Exclusive Author
  • Has been a member for 4-5 years
  • Netherlands
  • Sold between 100 and 1 000 dollars
PaulVictor says

Ah, here we go. Went faster than I thought lol!

http://samplr.paulvictor.nl/demo/

EDIT . It might look a bit odd as I haven’t installed the Google webfont yet.

675 posts
  • Exclusive Author
  • Won a Competition
  • Most Wanted Bounty Winner
  • Sold between 10 000 and 50 000 dollars
  • Philippines
  • Bought between 10 and 49 items
  • Has been a member for 4-5 years
+1 more
dexterous says

it does not look correct even in Firefox 10.0.2 for me (on mac)

147 posts
  • Bought between 50 and 99 items
  • Exclusive Author
  • Has been a member for 4-5 years
  • Netherlands
  • Sold between 100 and 1 000 dollars
PaulVictor says

What exactly doesn’t look correct?

3365 posts
  • Elite Author
  • Sold between 250 000 and 1 000 000 dollars
  • Community Moderator
  • Bought between 50 and 99 items
  • Referred more than 2000 users
  • Has been a member for 4-5 years
  • Repeatedly Helped protect Envato Marketplaces against copyright violations
+4 more
sevenspark Volunteer moderator says

Can I ask why you’re printing the sidebar before the main content? I’d recommend swapping those for SEO purposes. It also makes a right-sidebar layout easier.

by
by
by
by
by
by