147 posts
  • Has been part of the Envato Community for over 5 years
  • Has sold $100+ on Envato Market
  • Has collected 50+ items on Envato Market
  • Sells items exclusively on Envato Market
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
  • Has referred 10+ members
  • Has sold $10,000+ on Envato Market
  • Has collected 10+ items on Envato Market
  • Sells items exclusively on Envato Market
+6 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
  • Has been part of the Envato Community for over 5 years
  • Has sold $100+ on Envato Market
  • Has collected 50+ items on Envato Market
  • Sells items exclusively on Envato Market
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?

3711 posts Ruben Bristian
  • Sells items exclusively on Envato Market
  • Elite Author: Sold more than $75,000 on Envato Market
  • Has sold $500,000+ on Envato Market
  • Has been part of the Envato Community for over 6 years
+10 more
KrownThemes says

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

147 posts
  • Has been part of the Envato Community for over 5 years
  • Has sold $100+ on Envato Market
  • Has collected 50+ items on Envato Market
  • Sells items exclusively on Envato Market
PaulVictor says

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

675 posts
  • Has referred 10+ members
  • Has sold $10,000+ on Envato Market
  • Has collected 10+ items on Envato Market
  • Sells items exclusively on Envato Market
+6 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
  • Has been part of the Envato Community for over 5 years
  • Has sold $100+ on Envato Market
  • Has collected 50+ items on Envato Market
  • Sells items exclusively on Envato Market
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
  • Has referred 10+ members
  • Has sold $10,000+ on Envato Market
  • Has collected 10+ items on Envato Market
  • Sells items exclusively on Envato Market
+6 more
dexterous says

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

147 posts
  • Has been part of the Envato Community for over 5 years
  • Has sold $100+ on Envato Market
  • Has collected 50+ items on Envato Market
  • Sells items exclusively on Envato Market
PaulVictor says

What exactly doesn’t look correct?

3503 posts
  • Elite Author: Sold more than $75,000 on Envato Market
  • Has sold $750,000+ on Envato Market
  • Located in United States
  • Helps us moderate the forums
+10 more
sevenspark 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.

Helpful Information

  • Please read our community guidelines. Self promotion and discussion of piracy is not allowed.
  • Open a support ticket if you would like specific help with your account, deposits or purchases.
  • Item Support by authors is optional and may vary. Please see the Support tab on each item page.

Most of all, enjoy your time here. Thank you for being a valued Envato community member.

Post Reply

Format your entry with some basic HTML. Read the Full Details, or here is a refresher:

<strong></strong> to make things bold
<em></em> to emphasize
<ul><li> or <ol><li> to make lists
<h3> or <h4> to make headings
<pre></pre> for code blocks
<code></code> for a few words of code
<a></a> for links
<img> to paste in an image (it'll need to be hosted somewhere else though)
<blockquote></blockquote> to quote somebody

:grin: :shocked: :cry: Complete List of Smiley Codes

by
by
by
by
by
by