By jadams1-1 on

This might be a known problem but I could not find anything about it. I have modified my theme (zen) so my sidebar blocks have title and content background colors. This works great in IE7 and FF. However, the first block (top one) in each sidebar shows no background colors in IE6. The content background becomes visible after the mouse hovers over the links. The header background does not show at all. The subsequest blocks start to show the background colors about halfway through the block title.

Any ideas how to fix this?

Thanks in advance
John

⋅ Categories: Drupal 5.x

Comments

peregrine’s picture

peregrine commented

I realize I am a bit late with this answer. I have spent some time this afternoon looking for the answer also. I do not know if it will work in all cases, but I solved my problem by adding a width value to the CSS class for the block.

mkelley’s picture

mkelley commented

Your solution worked for me.

birgiolasj’s picture

birgiolasj commented

Your solution worked for me as well.

It seems that this is an IE6 hasLayout issue. If you don't want to set the width, setting "zoom: 1" on the element whose background is having problems also fixed the problem for me.

Ie: <div style="background: black; zoom: 1;"></div>

fakechilly’s picture

fakechilly commented

Hey thanks for the solution... your fix solved more than one style related issues for me....