Archived

This topic is now archived and is closed to further replies.

  • 0

Side Bar Alignment issues in IE

Question

Posted · Report post

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?

Share this post


Link to post
Share on other sites

3 answers to this question

Posted · Report post

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

Share this post


Link to post
Share on other sites

Posted · Report post

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.

Share this post


Link to post
Share on other sites