Bij het ontwikkelen van een nieuwe website wordt een css only menu met submenu gebruikt. Echter werkt het prima in IE6 en FF, maar geeft IE7 het submenu niet weer.
De pagina waar het om gaat is: http://www.toptotaal.nl/index/4/voorkant_home.php
Zoals te zien is in IE6 wordt er netjes een submenu getoont bij het onderdeel 'introductie', echter bij IE7 blijft het angstvallig stil.
De betreffende stylsheets zijn hier te vinden:
http://www.toptotaal.nl/css/flyout.php?id=4 => algemeen
http://www.toptotaal.nl/css/flyout_ie.php?id=4 => IE6 specifieke aanpassingen
http://www.toptotaal.nl/css/flyout_ie7.php?id=4 => IE7 specifieke aanpassingen
waar, volgens mij, het euvel ligt is hier:
Ik heb vanalles geprobeerd om aan te passen, maar met geen mogelijkheid komt er beweging in.
Het menu zelf wordt als volgt opgebouwd:
Iemand enige suggesties over hoe dit op te lossen valt, ik heb namelijk de afgelopen uren van alles en nog wat geprobeerd, maar krijg het niet voor elkaar om werkend te krijgen. Lees: dit wordt erg frustrerend zo.
Mijn dank is erg groot indien iemand hier een oplossing voor weet in de vorm van aangepaste css.
De pagina waar het om gaat is: http://www.toptotaal.nl/index/4/voorkant_home.php
Zoals te zien is in IE6 wordt er netjes een submenu getoont bij het onderdeel 'introductie', echter bij IE7 blijft het angstvallig stil.
De betreffende stylsheets zijn hier te vinden:
http://www.toptotaal.nl/css/flyout.php?id=4 => algemeen
http://www.toptotaal.nl/css/flyout_ie.php?id=4 => IE6 specifieke aanpassingen
http://www.toptotaal.nl/css/flyout_ie7.php?id=4 => IE7 specifieke aanpassingen
waar, volgens mij, het euvel ligt is hier:
Code:
.sitemenu_flyout_menu UL LI:hover UL,
.sitemenu_flyout_menu ul li a:hover UL,
.sitemenu_flyout_menu ul li a.sitemenu_flyout_hide:hover UL{
display: block;
LEFT: 203px;
WIDTH: 168px;
POSITION: absolute;
TOP: 0px;
border: 1px 1px 1px 0px;
border-style:solid;
border-color: <?php echo $conf['maincolor']?>;
}Het menu zelf wordt als volgt opgebouwd:
Code:
<div class="sitemenu_flyout_menu">
<ul>
<li><a href="http://www.toptotaal.nl/index/4/voorkant_home.php" target="_self">Home</a></li>
<li><a class="sitemenu_flyout_hide" href="http://www.toptotaal.nl/index/4/introductie.php" target="_self">Introductie</a>
<!--[if lte IE 6]>
<a href="http://www.toptotaal.nl/index/4/introductie.php" target="_self">Introductie
<table><tr><td><![endif]-->
<ul>
<li><a href="http://www.toptotaal.nl/index/4/onderhoud.php" target="_self">test</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a href="http://www.toptotaal.nl/index/4/onderhoud.php" target="_self">Onderhoud</a></li>
<li><a href="http://www.toptotaal.nl/index/4/uitbreidingen.php" target="_self">Uitbreidingen</a></li>
<li><a href="http://www.toptotaal.nl/index/4/voordelen.php" target="_self">Voordelen</a></li>
<li><a href="http://www.toptotaal.nl/index/4/impressie.php" target="_self">Impressie</a></li>
<li><a href="http://www.toptotaal.nl/index/4/voorkant_bedrijfsfilm.php" target="_self">Bedrijfsfilm</a></li>
<li><a href="http://www.toptotaal.nl/index/4/faq.php" target="_self">FAQ</a></li>
<li><a href="http://www.toptotaal.nl/index/4/contact.php" target="_self">Informatie</a></li>
<li><a href="http://www.toptotaal.nl/index/4/route.php" target="_self">Contact</a></li>
</ul>
</div>Iemand enige suggesties over hoe dit op te lossen valt, ik heb namelijk de afgelopen uren van alles en nog wat geprobeerd, maar krijg het niet voor elkaar om werkend te krijgen. Lees: dit wordt erg frustrerend zo.
Mijn dank is erg groot indien iemand hier een oplossing voor weet in de vorm van aangepaste css.
