Jump to content

- - - - -

Side Bar Alignment issues in IE

This topic has been archived. This means that you cannot reply to this topic.
3 replies to this topic

#1 deanbain



  • Members
  • 18 posts

Posted 15 January 2013 - 03:07 AM

I have some widgets in my side bar, www.glow-organic.com that look great in Safari and Firefox on the mac, however they do not look so good on the pc on IE. For some reason the widgets are pushed down the page rather than stacking at the top of the frame...any idea why and how to fix?

#2 James B†

James B


  • DMS Subscriber†
  • 5126 posts

Posted 15 January 2013 - 03:19 AM

Hi there, please make sure that compatibility mode is turned off in IE, this has been known to move the sidebar down.


Please Login or Register to see this Hidden Content

#3 deanbain



  • Members
  • 18 posts

Posted 15 January 2013 - 03:26 AM

Compatibility mode is turned off, turing it on makes the page look worse

#4 Rob


    One Smart Egg

  • Members
  • 13575 posts

Posted 15 January 2013 - 03:26 AM

The padding or margins around the sidebar widge are being pushed wider than the sidebar width allows in your layout setting. Likely it's because the image in the sidebar is just a few pixels too wide.  Since it cannot adjust the width of the main column (content area), the sidebar goes below that where it has a bit more room to stretch out.


If you resize the image in a graphics editor to resize the image to 30px smaller than the width set in Dashboard > Site Options > Layout Editor for your sidebar, then reload it. 


IE does not scale images, but the same problem exists in Firefox.


Use Firebug to view the problem and you'll see that the sidebar has padding around the image and is wider than the space available next to the content area.