Bundled and Legacy Themes

Posted by Gary Cunningham-Lee on Mon 18 of May, 2009 05:47 GMT-0000 posts: 254

Hi,

In most browsers the div that contains the menu appears below the div that holds the logo. But, because the logo is floated and ie7 doesn't properly clear the float, the menu rises up above the floated items.

darkroom.css has a clearfix class but it's not updated for IE7, so please replace

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden}

* html .clearfix {height: 1%}

with

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden}
	
.clearfix {display: inline-block}
/* Hide from IE Mac \*/
.clearfix {display: block}
/* End hide from IE Mac */

* html .clearfix {height:1px;}

(I'm not sure how significant IE Mac is these days, but the last items can be used for completeness.) See http://www.456bereastreet.com/archive/200603/new_clearing_method_needed_for_ie7/ for reference.

This fixed the problem at my test site. I had been using some custom code for the site header before, which I guess is the reason I didn't notice this problem. This has been fixed in the Tiki 3 release, which will be coming very soon.

-- Gary