Garland, ie6, right sidebar problem

By ebrygg on 12 May 2008 at 19:44 UTC

Hi!

I got a nasty problem using the garland theme. The right sidebar is placed under the content when viewed with ie6.
I read up on everything I could find here in the forum on related issues (including broken html in amongst the content, but I don't see it). I'm first to admit I'm not a css god by any means and I would be very grateful to get any pointers in the right direction on how to fix this. The site is on www.skatter.se and if you browse to it with ie6 the problem is painfully visible.

best regards,
andreas

Comments

I don't have VMware booted

welded commented 12 May 2008 at 21:23

I don't have VMware booted up right now, but usually when you see that sort of thing either your content or the sidebar has something that's making it wider than you want. Sometimes this is a very long word that doesn't wrap, an image, a form element - that sort of thing. If it's nothing 'obvious' like that then it's more than likely a block element with some extra padding or margins. Install the IE developer toolbar and try to find the offending element(s) and go from there.

Yes, that sounds plausible

ebrygg commented 12 May 2008 at 21:39

Yes, that sounds plausible but the thing I probably should have mentioned is that it renders correctly in firefox, safari and ie7. That leads me to believe it's probably some css voodoo that messes it up. I've got all the tools installed both in ie and firefox but I've kinda hit a brick wall here and I don't see anything wrong (hoping I'm an idiot and it's something simple I'm missing). Thanks for trying to help me!

Unfortunately I can't take

welded commented 12 May 2008 at 21:48

Unfortunately I can't take time to help out right now, but I recognized your description as something I've come across in IE6 a number of times and the solution is always to find the 'fat' element and assess. IE6 is known to have plenty of padding/margin bugs. I would start by looking at anything in the sidebar that's floated.