Sidebar issue in different browsers!

IE is interpreting the combined width of your content area and sidebar area as too big for the parent container. When this happens the browser (in this case IE) causes the element on the right (in this case the sidebar) to appear below other elements.

There are lots of ways to fix this but in the end you’ll most likely need to decrease the width of your content area or sidebar. Alternatively you can increase the width of the parent container (usually called wrap, wrapper, content or something like that).

How you do this is the real question. You may want to make sure you code is standards compliant first, you may want to include an IE only style sheet, or if the content areas are only off by 4-5 pixels you may just want to make the changes in the themes style.css.

Hope the helps.

Kudos to you and your input!

I am a COMPLETE coding newb, but I DO know a little bit of PHP coding. I still can’t seem to figure out how to fix this issue though. It’s only happening in the Internet Explorer browser too. Google Chrome and Firefox is perfect. Anyone help please?

How about a link to your site?

This would be hand to know too. I have the same issue but only in IE6!

my blog is https://www.unlimitedchoice.org/blog

Let me know if you find a fix!

Thank you!

Still need some help guys!

#sidebar-wrapper is too wide for its parent div.

where to find the #sidebar-wrapper. I have the same problem. My page looks fine in Firefox, however the page in IE looks weired.

Herewith is the link for your reference. A screenshot of the webpages in IE and Firefox.

https://screencast.com/t/f487dc9b

this is a common problem. it usually involves a css alternative option when IE6 is recognized. there are also tried and true hacks though they may not be valid markup. here are threads that may help. if not, let the forum know…

https://www.ads-software.com/search/ie+6+sidebar?forums=1

Still need some help! Anyone!?

Anyone?