Beste Sitedealer,

Ik heb de vaagste IE6 bug OOIT onder mn loep zitten!

Kijk gerust even mee in IE6:
http://www.dta.nl/preview/index.html

In FF, Chrome, Opera en IE7+ is er niks aan de hand.
En als ik geen gebruik zou maken van afbeeldingen in mijn drop-down menu dan had het ook goed gewerkt in IE6.

Nu het probleem:
Als ik met IE6 over de menuitems hover en er staat een afbeelding in het dropdown gedeelte(zoals bij discreplicatie en als bg bij discpublishing) , dan blijven deze afbeeldingen staan als mijn cursor uit de dropdown haal.
Het vreemde is, tekst gaat wel gewoon weg, maar afbeeldingen niet.

Ik heb in de HTML van het menu IE6 hacks <!--[if lte IE 6]> toegepast om de dropdown te laten werken voor IE6.

Kan iemand mij vertellen wat er mis is?

CSS voor deze pagina is hier te vinden:
http://www.dta.nl/preview/css/dropdown.css
http://www.dta.nl/preview/css/dropdown_ie.css
http://www.dta.nl/preview/css/reset.css
http://www.dta.nl/preview/css/stylesheet.css

Met vriendelijke groet,
Jeroen Gerritse

Is er dan echt niemand die een idee heeft, of een soort gelijk probleem is tegen gekomen?

wat is het probleem dan? ik zie in IE 6 (via FF ie6 addon) geen problemen met menu.. ziet het zelfde uit als in FF

Origineel gepost door Harmen Vogel

wat is het probleem dan? ik zie in IE 6 (via FF ie6 addon) geen problemen met menu.. ziet het zelfde uit als in FF

Er is wel degelijk een probleem hoor. Die afbeelding in z'n dropdown blijft gewoon staan als je er niet meer over hangt)

Ik kan er niets aan zien, en heb er toch een poosje naar zitten kijken.
Trouwens, bij de derde menu-item ontstaat ook een error in IE6.
Dan blijven de drie stippellijntjes namelijk staan.

Origineel gepost door gast2960

Ik kan er niets aan zien, en heb er toch een poosje naar zitten kijken.
Trouwens, bij de derde menu-item ontstaat ook een error in IE6.
Dan blijven de drie stippellijntjes namelijk staan.

Inderdaad, de stippelijn blijft staan, en in het 5e menu blijft de afbeelding ook staan.

Dat WAS het probleem, maar ondertussen heb ik uitgevonden waar de fout zit!

Als je de "width" van alle #CAT weghaalt werkt het zonder problemen.
Ik blijf het vreemd vinden dat een <ul>-breedte het gedrag van afbeeldingen bepaald. Blijkbaar kan een <ul> element in deze context hier niet mee overweg.

Als ik nu de #CAT toe wijs aan een <div> die ik binnen de <ul> plaats, werkt het prima.

Code:

    <ul class="sub">
                <div id="CAT4">
                    <li><a href="page.html" title="Algemene informatie">Algemene informatie</a></li>
                    <li><a href="page.html" title="Micro-Orbit">Micro-Orbit</a></li>
                    <li><a href="page.html" title="HCL Autoloader">HCL Autoloader</a></li>
                    <li><a href="page.html" title="ADL-Max Autoloader">ADL-Max Autoloader</a></li>
                    <li><a href="page.html" title="Copybox Basic">Copybox Basic</a></li>
                    <li><a href="page.html" title="Copybox HDD">Copybox HDD</a></li>
                    <li><a href="page.html" title="Copybox USB">Copybox USB</a></li>
                    <li><a href="page.html" title="Primera Copytower">Primera Copytower</a></li>
                </div>
             </ul>

"Mooi toch!", zou je zeggen... maar volgens de W3C is zoiets als <ul><div><li></li><li></li><li></li></div></ul> NIET toegestaan.

The tag:"div" is not allowed within: "ul" It is only allowed within: applet, blockquote, body, button, center, dd, del, div, fieldset, form, iframe, ins, li, map, noframes, noscript, object, td, th.[XHTML 1.0 transitional]

Hoe zorg ik er voor dat ik dit op een validated manier op kan lossen??

Gr,
Jeroen Gerritse

Origineel gepost door JeroenDTA

Inderdaad, de stippelijn blijft staan, en in het 5e menu blijft de afbeelding ook staan.

Dat WAS het probleem, maar ondertussen heb ik uitgevonden waar de fout zit!

Als je de "width" van alle #CAT weghaalt werkt het zonder problemen.
Ik blijf het vreemd vinden dat een <ul>-breedte het gedrag van afbeeldingen bepaald. Blijkbaar kan een <ul> element in deze context hier niet mee overweg.

Als ik nu de #CAT toe wijs aan een <div> die ik binnen de <ul> plaats, werkt het prima.

Hoe zorg ik er voor dat ik dit op een validated manier op kan lossen??

Gr,
Jeroen Gerritse

En als je de div voor <ul class="sub"> plaatst? En anders, het formaat
van de li aanpassen?

Ik heb zelf alle problemen opgelost!

Dit is het uiteindelijke resultaat: http://www.dta.nl/preview/index.html

Beste,

Hoe heeft u dit probleem opgelost ik ben wel benieuwd hoe u het heeft gedaan. Als u zou willen laten zien, we kunnen hier allemaal nog wel iets leren toch?

MVG,

Jeroen Kamphuis ~ BetaSlice

Origineel gepost door gehackte

Beste,

Hoe heeft u dit probleem opgelost ik ben wel benieuwd hoe u het heeft gedaan. Als u zou willen laten zien, we kunnen hier allemaal nog wel iets leren toch?

MVG,

Jeroen Kamphuis ~ BetaSlice

T'is nogal een lang verhaal. Ben allang blij dat het werkt! :D
Maar als je naar de code kijkt kun je wel een idee krijgen.

Vooral het gebruik van <dl> tags is wel interresant.

Met vriendelijke groet,
Jeroen