Hallo,

Probleempje in IE6 only met een horizontaal menu (voor Wordpress). Ik zie het niet meer.
Bij het laden van de pagina wordt het menu opgebouwd, maar in de laatste split-second verdwijnt het geheel.
Iemand?

Er zit een PNG-file op de achtergrond met deze hack.
Deze werkt in de rest van de pagina in ieder geval goed.

CSS Code:


#nav {
	list-style: none;
	margin: 0px;
	position: absolute;
	right: 0px;
	top:177px;
	background: url(images/nav2/bg_wouter.png);
	width:635px;
	height:42px;
	
}
#nav li {
	float: right;
	text-align:right;
	margin-right:20px;
	padding-top:6px;
}

/* Hieronder de horinzontale menu items 1 = home 2= nieuws 3= oefenen 4 = links 5 = contact */
#nav .page_item1 a{
	font-size:0.00001px;
	background-image:url(images/nav2/home_0.jpg);
	width:58px;
	height:28px;
	display: block;
}
#nav .page_item1 a:hover {
	color: #000000;
	background-image:url(images/nav2/home_1.jpg);
}


De laatste 2 rules dan 5 keer voor verschillende namen (oefenen, nieuws etc)

De html:

 <ul id="nav">
	    <li class="page_item5"><a href="<?php echo get_option('siteurl').'/contact'; ?>" title="Contact">&nbsp;</a></li>
        <li class="page_item4"><a href="<?php echo get_option('siteurl').'/links'; ?>" title="Links">&nbsp;</a></li>
        <li class="page_item3"><a href="<?php echo get_option('siteurl').'/oefenen'; ?>" title="Oefenen">&nbsp;</a></li>
      	<li class="page_item2"><a href="<?php echo get_option('siteurl').'/nieuws/'; ?>" title="Nieuws">&nbsp;</a></li>
        <li class="page_item1"><a href="<?php echo get_option('siteurl').'/'; ?>" title="Home">&nbsp;</a></li>
    </ul> 




Voorbeeld hier

(Mod-rewrite staat niet aan op de testserver, dus links werken niet goed...)

Ik hoor het graag!
Wouter

Probeer eens wat met z-index. het lijkt wel alsof je hack denkt dat je buttons onder je balk vallen.

geef je balk z-index:1; en je buttons z-index: 2; mee, kijken wat die doet.

zelf gebruik ik altijd deze: http://homepage.ntlworld.com/bobosola nadeel hier is dat je je image in je broncode moet linken met width en height.
Dank, maar de z-index doet het'm niet.
ik kijk even naar je link.
Wouter,

Wat gebeurt er als je de png vervangt door een jpg of gif? Verder zie ik nog dat het menu (#nav) 'text-align: left' erft van #container, en daar doet IE soms rare dingen mee (i.c. laat het ook werken op niet-tekst).

Tot slot is er nog meer aan de hand met de IE-rendering: de onderste div staat helemaal los onderaan, en daaronder weer een loze ruimte. In FF sluit alles keurig aan.

- Frank
Deze doet vaak wonderen voor IE6:

li    {display: inline;}
Ik zal er naar kijken; echter pas vanmiddag.
De onderste div zag ik ook. is een box probleem denk ik.
de inline tip verwacht ik veel van.

Bizar is het wel kort verschijnen en vervolgens verdwijnen.
Jullie horen het! Dank.
Het werkt; de header was niet hoog genoeg en hij verdween dus achter de non-transparante header. Nu werkt het goed. Wel was er een bekende bug dat de PNG hack die ik gebruikte niet goed werkt met <a> tags. Behalve als je de z-index goed zet.

Dank voor de suggesties.

Reageren