Archief - CSS: Menu in IE super-gevoelig?

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.

v1sioNz

Legacy Member
Ik ben begonnen aan een kleine website voor een vriend. Dit is de eerste keer dat ik een website probeer op te bouwen met behulp van CSS Positioning en het lukt 'vrij' goed, buiten 1 ding dan teminste: mijn CSS menu.

Check de volgende link:
http://users.pandora.be/donut/buttons/index.htm

Als je deze link bekijkt in FireFox is er totaal geen probleem en verloopt het navigeren door het menu foutloos. In Internet Explorer loopt het niet zo vlekkeloos.

Zoals je kan merken, wordt er een 'submenu' geopend bij het hoveren over bepaalde knoppen. Het is net dat submenu dat moeilijk doet. Als er content achter het submenu staat (die tekst bvb.), is het juist of IE dit submenu 'supergevoelig' behandelt. 9 keer op 10 verdwijnt het submenu gewoon wanneer men wil navigeren naar een andere knop in het submenu. Deze uitleg klinkt misschien vaag maar het wordt waarschijnlijk duidelijk eens je het zelf probeert (en er op let).

Als je naar de onderste knoppen gaat, een submenu krijgt en er doorheen navigeert werkt het vlekkeloos. Dus dit probleem doet zich alleen maar voor in IE en als er bepaalde content achter het opengeklapt submenu staat.

Kan iemand mij vertellen wat ik nu juist fout doe? Ik heb mij suf gezocht op google (alhoewel ik niet meteen weet welke zoekterm ik moet gebruiken voor dit probleem) en heb tot dusver niets gevonden (blijkbaar ben ik de enigste met dit probleem?). :wtf:

Raf

SMa

Legacy Member
v1sioNz zei:
Als je deze link bekijkt in FireFox is er totaal geen probleem en verloopt het navigeren door het menu foutloos. In Internet Explorer loopt het niet zo vlekkeloos.
Ik werk met FF en hier flippen ze ook.

v1sioNz

Legacy Member
SMa zei:
Ik werk met FF en hier flippen ze ook.

Zeker? Zou in ieder geval raar zijn want bij mij werken ze perfect in FireFox. Welke versie van FireFox heb jij?

En bedoel je bij 'flippen', het probleem wat ik zojuist uitgelegd heb of totaal iets anders? :(

SMa

Legacy Member
het probleem dat je juist uitgelegd hebt ;)
firefox 2.0.0.3


hmm, net nog eens geprobeerd en nu werken ze wel

v1sioNz

Legacy Member
SMa zei:
het probleem dat je juist uitgelegd hebt ;)
firefox 2.0.0.3


hmm, net nog eens geprobeerd en nu werken ze wel

Ok :) Tot dusver ben ik dit probleem nog niet tegengekomen in FireFox, alleen in IE7 (eerdere versies heb ik zelf eigenlijk nog niet getest).

Iemand die dit ook in FireFox heeft? Zoja, laat het me weten.

toru

Legacy Member
Sommige werken niet, maar dit zal zo zijn; geen probs met ff 2.0.0.3

KoenDK

Legacy Member
is er een verschil in de code onderaan en bovenaan?
dat 'flippen' gebeurt enkel bovenaan als het uitklapt


onderaan alles OK!



(menu verdwijnt eigenlijk bij da uitklap menu vanaf uw tweede LI ...)



IE7 that izz

v1sioNz

Legacy Member
Om eventjes te verduidelijken: sommige menu-items hebben inderdaad geen submenu in het gegeven voorbeeld (dit is gewoon zo, een bepaalde knop kan maar moet geen sub-items hebben). Dus het is best normaal dat sommige knoppen geen submenu geven, geen aandacht aan schenken.


KoenDK zei:
iser een verschil in de code onderaan en bovenaan?
dat 'flippen' gebeurt enkel bovenaan als het uitklapt

onderaan alles OK!

(menu verdwijnt eigenlijk bij da uitklap menu vanaf uw tweede LI ...)

IE7 that izz

Inderdaad KoenDK, zoals ik in mijn beginpost heb uitgelegd: het gebeurt alleen bij de submenu's waar er content achter staat. Onderaan staat er geen content (tekst of dergelijke) en doet hij dit dus niet, bovenaan is er wel content en doet het probleem zich voor. Ik vind het héél raar :cry:

v1sioNz

Legacy Member
Ben dus min of meer aan een oplossing gekomen, niet exact hoe ik het wou maarja, can't have it all.

Tussen de verschillende submenu-buttons zat een ruimte van 1px (margin-bottom). Het probleem deed zich dus voor als men met de muis over die 1px kwam. Ik heb nu gewoon geen ruimte gelaten tussen de knoppen (dus margin-bottom: 0px) en het probleem is weg zover ik kan zien (ben moe :p).

Indien iemand nog een oplossing weet hoe die margin-bottom: 1px te behouden waarbij het menu nog altijd 100% functioneert, mag het mij altijd laten weten.
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan