I am using RGBA to get a semi transparent background,
it works in most browsers but not IE. Here is the
code.
#wrapper {
background: rgba(0, 0, 0, 0.8);
}
To fix the IE problem I am using a hack by adding the
following to the header.php file, immediately after the
stylesheet call.
<!–[if IE]>
<style type=”text/css”>
.color-block {
background:transparent;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#50000000,endColorstr=#50000000);
zoom: 1;}
</style>
<![endif]–>
Any help would be greatly appreciated?
]]>The issue is that IE doesn’t like the UL > LI > DIV > LI implementation. And it forces IE to read a closing UL prematurely and breaks the HTML.
Every time I upgrade I have to go in and edit this line to fix the display issue:
From:
<div class="textwidget"><?php echo $instance['filter'] ? wpautop($text) : $text; ?></div>
To:
<ul class="textwidget"><?php echo $instance['filter'] ? wpautop($text) : $text; ?>
Can this fix be included in the next patch?
]]>If you go to the theme editor and into the Style.css scroll down to :
/* layout START */
#wrap {
background:url(img/light.gif) center top no-repeat;
padding:20px 0;
}
#container {
margin:0 auto;
width:942px;
}
/* layout END */
If you change the Container width from 936px to 942px that solves the sidebar problem. You will have to go into images and increase the image size of the header_footer.jpg by 6px wide as well to get that small divider line to “line back up” and that fixed the problem at least for me. Still looks good in Firefox even with the changes…
Hope this helps
]]>Thank you for all that respond.
Tina
]]>