Column Problem in Leaf Theme

siringo · Post by **siringo** » Sun Nov 19, 2006 3:17 am

I'm using the Leaf theme and have a problem I have seen with lots of themes.

In IE the right hand column sits under (but still in the right hand column location) the comments and posts, but in Firefox it is perfect.

How can I fix this so it displays properly in IE?

Here's a URL - http://radio.10gallons.com/blog/

Thanks in advance.

carl_galloway · Post by **carl_galloway** » Sun Nov 19, 2006 6:59 am

The problem comes about because IE6 and earlier versions have a bug (actually MS would dispute that) where an extra few pixels are added to the padding of divs, its called the box-model bug. The way to fix this is to reduce the content column by a few pixels so that everything fits side by side again in IE, but then of course Firefox and Opera will show extra spacing between the columns.

The solution then comes down to providing two stylesheets, or adding specific IE only styles to your index.tpl or within the styles.css. Unfortunately I don't have the leaf template on my machine so I can't tell you what to change right now.

Hope it helps anyway,

Carl

siringo · Post by **siringo** » Sun Nov 19, 2006 8:26 am

Thanks for your help Carl, much appreciated.