Loading...
 
Skip to main content

Bundled and Legacy Themes

Forum List Topic List

Forums » Bundled and Legacy Themes » Darkroom and Phplayers menu in IE7, wrong placement
 
Thread actions
Print this page
  • Print all pages

    • Darkroom and Phplayers menu in IE7, wrong placement

    Posted by vengantmjolnir on Fri 15 of May, 2009 17:13 GMT-0000 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.

    Reads: 18446
    Posted by Gary Cunningham-Lee on Mon 18 of May, 2009 05:47 GMT-0000 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

    Posted by VengantMjolnir on Tue 19 of May, 2009 16:10 GMT-0000 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!