Loading...
 
Bundled and Legacy Themes

Bundled and Legacy Themes


Re: Darkroom and Phplayers menu in IE7, wrong placement

posts: 254 Japan

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

Switch Theme

Layout

Subscribe to Tiki Newsletters!

Delivered fresh to your email inbox!
Newsletter subscribe icon
Don't miss major announcements and other big news!
Contribute to Tiki

Site Config