Loading...
 
Skip to main content

Bundled and Legacy Themes


Darkroom and Phplayers menu in IE7, wrong placement

posts: 2

Hey, I'm hoping someone can help me out with this. First, I'm really new at web development. I am a programmer but I'm used to c++/c# and actionscript... I'm not sure what I'm looking for in this case.

Now, on to my specific problem. I'm using tikiwiki 2.4 and the darkroom theme. I like the look of the menu bar visually breaking up the header from the page, but in IE7 this doesn't work as expected. The phplayers menu shows up at the very top of the page, behind the site logo. You can even see this by checking out this page using the darkroom theme and ie7.

I'd like to preserve cross-browser compatability if at all possible, and I really like this theme. Any one know what might be the problem? As a side note, it displays correctly in ie8 and firefox.

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

posts: 2

Thank you for the reply, I really appreciate it. I tested it out and indeed it does fix the problem.
Also, I installed 3.o rc2 on the weekend ( as a test, haven't migrated to it yet) and the theme does display correctly.
Thanks again!