Onderwerp: [opl gezocht] CSS submenu en IE7 probleem

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:

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']?>;
}

Ik heb vanalles geprobeerd om aan te passen, maar met geen mogelijkheid komt er beweging in.

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.

ik kan alleen zeggen kijk eens op http://www.handleidinghtml.nl/ mischien dat je daar wijzer word

suc6 er mee

de meest werkende oplossing voor jou is misschien even firefox downloaden, en de foutconsole gebruiken tijdens het openene van je site/menu
volgens mij wordt er dan al ene hoop duidelijk

@HBCS, het is niet nodig om zo lullig te doen toch?

oh en ik heb even topic gereport want het staat weer volledig in de verkeerde categorie, tenzij je iemand zoekt die het voor je wil doen

Oorspronkelijk geplaatst door MMaI

de meest werkende oplossing voor jou is misschien even firefox downloaden, en de foutconsole gebruiken tijdens het openene van je site/menu
volgens mij wordt er dan al ene hoop duidelijk

@HBCS, het is niet nodig om zo lullig te doen toch?

oh en ik heb even topic gereport want het staat weer volledig in de verkeerde categorie, tenzij je iemand zoekt die het voor je wil doen

dit was zeker niet lullig bedoelt hoor
ik bedoelden het goed uit de grond van mijn hard
ik ken die site en gebruik hem ook regelmatig is toch niets lulligs aan ?

Heren,

Het vreemde is dat ik al van alles en nog wat geprobeerd heb om het te wijzigen, maar op de een of andere reden wil het niet lukken om 'm werkend te krijgen.

Als hier iemand is die 'm werkend kan krijgen via aanpassing in de css dan ben ik daar zeker bereid voor te betalen (mits uiteraard binnen de grenzen en van te voren aangegeven wat het gaat worden). De eindklant wil graag een oplossing en ondanks dat ik prima overweg kan met css en scripting is dit een eindeloos verhaal aan het worden waar de klant zowel als ik niet gelukkig van wordt.

Wie dus een oplossing heeft op basis van wat wijzigingen in de css, laat van je horen.

Dank alvast.

Ik gok dat als je een dtd in je doctype erbij zet, het wel eens kon werken:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

Zal niet de eerste keer zijn dat dit een oplossing is voor IE7

- Dennie

en een andere hint: misschien handig om ook doctype naar text/css te zetten ipv standaard text/html (dit geld natuurlijk alleen voor de css scripts)

Ik gebruik IE7 en zie gewoon een submenu met het woord test staan, of had er meer moeten volgen?

hier ook geen probleem in IE 7

Dank iedereen, de doctype en wat andere kleine aanpassingen deden wonderen. Het werkt nu inderdaad zoals het zou moeten.

Mijn dank, en die van de klant, is groot.