[CSS] IE probleem met suckerfish menu

[Verwijderd]

Allereerst een linkje:
http://student.cmd.hro.nl/0765338/test

Inderdaad, we hebben het over een schoolopdracht, ik weet dus niet of dit helemaal volgens de policy is, maar goed, ik ben er nu al zo lang mee bezig, dat het frustrerend wordt

Aan de bovenkant van de pagina staat een suckerfish-drop-down-menu met meerdere niveau's.
Wanneer je een link volgt op de pagina, bijvoorbeeld naar deze pagina:
http://student.cmd.hro.nl...t&id=3&c=ict&y=1&p=winter

Dan ziet alles er in Firefox prima uit, in IE treedt er een vreemd probleem op.

Bij de bovenste DIV (#assignment > #description) valt een gedeelte van de achtergrond-kleur weg, Nog vreemder vind ik dat de achtergrond-kleur verspringt wanneer je gebruik maakt van het drop-downmenu .

Het lijkt alsof er iets overheen ligt, wat verspringt, maar wat dat dan ook is, het valt niet over de tekst en borders heen

Als extra nog even linkjes naar de 2 CSS-files:
CSS van het navigatie menu en CSS van de rest

Iemand die misschien weet waar het aan kan liggen?

[Urk]

Vreemd, is bij mij hier in IE6 op Win2k ook zo, als je de tekst vervolgens naar boven selecteert dan krijgt alleen de tekst wel de juiste achtergrondkleur.

Lijkt wel op een IE bug...vraag me af of dit met code compatibiliteit heeft te maken, maar daar heb ik nou ook weer niet zoveel verstand van.

[chris]

Hier werkt het prima onder IE 6.0 / WinXP.

[Verwijderd]

Ik doe maar even een klein schopje, aangezien ik er zelf nog niet uit ben gekomen.

[Woudloper]

Zo te zien heeft het te maken me het stylen van de list. Wellicht kan je ook het forum nog even doorzoeken, aangezien naar mijn weten deze vraag weleens voorbij is gekomen, ga maar eens [search=CSS Suckerfish].

Je kan dit eventueel ook nog even kijken naar whatever: hover van clay. Zie hier en hier voor werkende voorbeelden...

edit:
Schoppen is pas toegestaan na 24 uur, lees voor die informatie daar de FAQ maar eens op na

[ Voor 10% gewijzigd door Woudloper op 05-01-2005 13:36 ]

[Verwijderd]

Woudloper schreef op woensdag 05 januari 2005 @ 13:36:
Zo te zien heeft het te maken me het stylen van de list. Wellicht kan je ook het forum nog even doorzoeken, aangezien naar mijn weten deze vraag weleens voorbij is gekomen, ga maar eens [search=CSS Suckerfish].

Je kan dit eventueel ook nog even kijken naar whatever: hover van clay. Zie hier en hier voor werkende voorbeelden...

edit:
Schoppen is pas toegestaan na 24 uur, lees voor die informatie daar de FAQ maar eens op na

Dat schoppen pas na 24 uur mag, weet ik, maar als ik na 16 uur alleen 2 reacties heb met "hier werkt het wel" en "hier ook niet", dan hoop ik toch dat ik een klein schopje mag geven.

Anyway, ik heb ge-googled, de search hier gebruikt, alle fora die ik kon verzinnen doorzocht, maar ik kan niet vinden waar het aan kan liggen.
Ik vermoed aan iets in mn CSS, maar waar?

Ik hoopte eigenlijk dat hier een guru zou zitten die het misschien zou weten.

[Verwijderd]

Kan je een screenshotje laten zien, want heb geen probleem in xp + ie6 en ie5 laat maar ik zie het al ik dacht dat er iets mis was met het menu maar de achtergrond van je tekst verspringt.

Zelf maar ff screenshotje gemaakt

IE:

Firefox:

Verwijderd schreef op woensdag 05 januari 2005 @ 15:17:
[...]


Dat schoppen pas na 24 uur mag, weet ik, maar als ik na 16 uur alleen 2 reacties heb met "hier werkt het wel" en "hier ook niet", dan hoop ik toch dat ik een klein schopje mag geven.

Anyway, ik heb ge-googled, de search hier gebruikt, alle fora die ik kon verzinnen doorzocht, maar ik kan niet vinden waar het aan kan liggen.
Ik vermoed aan iets in mn CSS, maar waar?

Ik hoopte eigenlijk dat hier een guru zou zitten die het misschien zou weten.

[ Voor 21% gewijzigd door Verwijderd op 05-01-2005 15:33 ]

[Woudloper]

Verwijderd schreef op woensdag 05 januari 2005 @ 15:22:
Kan je een screenshotje laten zien, want heb geen probleem in xp + ie6 en ie5

Hey, dat wilde ik net vragen! Kan je daarnaast ook even vertellen met welke versie van IE je het probleem hebt (eventueel in combinatie met het OS)...

[Verwijderd]

Zo hoort het (Firefox):


(IE)Voor dat ik iets doe:


(IE)Na opklappen van een menu:


(IE)Als het menu weer is gesloten:


Zoals je ziet verschijnt de achtergrond in IE maar half en verspringt het daarna zelfs

Ik gebruik IE6, het treedt zowel in 2k als XP op. Over IE5.5 heb ik helaas geen beschikking.

[Verwijderd]

Het probleem is dat je er een beetje een zooitje van gemaakt hebt. Je hebt alle divjes achter elkaar gezet en met min marges er "terug" overheen geplaatst, dat kan anders. Als je het volgende voorbeeld neemt en dat aanpast denk ik dat je geen probleem meer hebt:

code:

<body>
    <div id="mainContent">
        
        <ul id="nav">
          suckerfish menu
        </ul>

        <div id="links">
            tekst en plaatjes links
        </div>


        <div id="midden">
            Tekst
        </div>


    </div>

</body>

code:

#links{
    float:left;
    
}

#midden{
    float:left;
    width:540px;
}

Offtopic je gebuikt xhtml strict als doctype dan moet je wel alle tags netjes afsluiten, dus
<meta> word dan <meta /> en <link> word dan <link />. Validate je code op http://validator.w3.org/

[ Voor 53% gewijzigd door Verwijderd op 05-01-2005 16:12 ]

[Verwijderd]

tnx, daar ga ik eens mee spelen.

Hij valideert trouwens prima bij w3, foutje in de validator?

[Erkens]

Verwijderd schreef op woensdag 05 januari 2005 @ 16:15:
Hij valideert trouwens prima bij w3, foutje in de validator?

foutje in IE gok ik eerder

Maar heeft dit niet te maken met de Peek-a-boo bug, iets waar ik laatst ook "last" van had?

[Verwijderd]

Dat iets goed valideert, wilt niet zeggen dat de browser goed met verkeerd gebruik van elementen en/of CSS-properties omgaat De syntax wordt gecheckt.

[ Voor 10% gewijzigd door Verwijderd op 06-01-2005 11:43 ]