Jump to content


Photo
- - - - -

Side Bar Alignment issues in IE


  • Please log in to reply
3 replies to this topic

#1 deanbain

deanbain

    Member

  • Members
  • 18 posts
  • Country: Country Flag

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

    Advocate

  • Moderators
  • 4985 posts
  • LocationSurrey - UK
  • Country: Country Flag

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

deanbain

    Member

  • Members
  • 18 posts
  • Country: Country Flag

Posted 15 January 2013 - 03:26 AM

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



#4 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

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.