IE 6 & 7 Bugs [re-post]

For those of you looking for a fix for this. I think I've found a good answer. The problem I've found lies in a notoriously broken IE6 & 7 engine. It is amazing that Microsoft, instead of fixing it's older browser engines just make a new version and drops support on the older browsers. Here is a fix that worked for my situation.

The bug is called: The Guillotine Bug in IE 6 & 7 ; Ultimate IE6 Cheetsheet

Here is the code I added to the left and right containers of the style.css file:

#sidebar-left .block-content-inner 

{

 PADDING-BOTTOM: 5px;
 MARGIN: 0px;
 PADDING-LEFT: 15px;
 PADDING-RIGHT: 15px;
 BACKGROUND: url(block-tile.png);
 HEIGHT: 1%;
 CLEAR: both;
 PADDING-TOP: 10px
}


#sidebar-right .block-content-inner 
{
 background: url(block-tile.png) repeat;
 margin: 0;
 padding: 10px 15px 5px 15px;
 HEIGHT: 1%;
 CLEAR: both;
}



Added attributes are in bold.

You must remember to change the main theme style.css file as well as the style.css file located in the color folder. Also if this works for you please let me know or if you have a different solution I am interested.


The secret is : add

HEIGHT: 1%;
CLEAR: both;



By : -John
Digg Google Bookmarks reddit Mixx StumbleUpon Technorati Yahoo! Buzz DesignFloat Delicious BlinkList Furl

0 comments: on "IE 6 & 7 Bugs [re-post]"

:) ) ;) ) ;;) :D ;) :p :( ( :) :( :X =(( :-o :-/ :-* :| 8-} :) ] ~x( :-t b-( :-L x( =))
Post a Comment