[firefox] Dropdown menu renderd niet goed

[Dennis013]

de url is www.itasc.nl
De bovenste 4 items hebben een dropdown menu wat opent op roll over.
Nou worden 3 van de 4 menu's niet goed weergegeven en ik kom er niet achter waarom dat is.

Ik heb gecheckt of er geen layers in tabbelen staan, maar dat is niet.
Ik kom er ook niet achter waarom het 3e menu het wel altijd goed doet en de rest niet, want voor zover ik kan beoordelen zijn ze identiek aan elkaar!

[Willem]

Die DreamWeaver code is nou niet echt om over naar huis te schrijven qua overzichtelijkheid.
Probeer eens een ander mouse-over script ofzo?

[André]

Geef ze een background-color en een hogere z-index dan de rest op je pagina.

[Dennis013]

willem169 schreef op donderdag 27 januari 2005 @ 14:19:
Die DreamWeaver code is nou niet echt om over naar huis te schrijven qua overzichtelijkheid.
Probeer eens een ander mouse-over script ofzo?

Ja bedankt, maar ik vind het prima werken zo. Het is waar, die dreamweaver scripts zijn niet geweldig, maar die mouse-over werkt prima.

André schreef op donderdag 27 januari 2005 @ 14:20:
Geef ze een background-color en een hogere z-index dan de rest op je pagina.

Heb ik gedaan, maar het geeft geen verandering.. Trouwens. De ene laag die wel werkt is identiek aan die andere lagen, maar die heeft geen problemen.

[RwD]

De z-index van element 'overitasc' is 23, de menus hebben 22 en 5...

Ik denk dat je toch even goed naar de z-index moet kijken. Gebruik de dom inspector van FF werkt echt goed, je kunt zelfs elementen verwijderen om te zien wat er dan egbeurd zou zijn!

[ Voor 3% gewijzigd door RwD op 27-01-2005 14:46 ]

[Dennis013]

RwD schreef op donderdag 27 januari 2005 @ 14:46:
De z-index van element 'overitasc' is 23, de menus hebben 22 en 5...

Ik denk dat je toch even goed naar de z-index moet kijken. Gebruik de dom inspector van FF werkt echt goed, je kunt zelfs elementen verwijderen om te zien wat er dan egbeurd zou zijn!

Ik had de menu's lokaal een z-index gegeven van 101 tm 104 en toen had ik nog wat problemen met de achtergrondlaag de layer.
Deze heeft de volgende css-code...

.menuback {
background-image: url(img3/menu_back.gif);
background-repeat: repeat-y;
background-position: right;
background-color: #FFFFFF;
}

is dit een correcte css-code?

update
Ik heb alle layers nagekeken op hun z-index en het probleem blijft zich voordoen.
Kan het misschien liggen in het feit dat sommige overlappend zijn?

[ Voor 12% gewijzigd door Dennis013 op 27-01-2005 15:01 ]

[RwD]

Of de code correct is moet je even zelf checken op www.handleidinghtml.nl en anders op de w3c.org website.

De z-index is juist bedacht voor als elementen elkaar overlappen, probeer het nut maar eens in te beelden als eementen niet over mekaar zouden mogen staan....

[Dennis013]

w3c.org valideert de code alszijnde correct.

Ik snap dat layers best mogen overlappen, maar ik was zaken aan het wegstrepen.

Dus, de css is ok, de z-index klopt... dus waarom zijn die dropdown menu's nu zo beroerd aan de onderkant?

[RwD]

Eerst maar terzake. Ik heb iets aan je stylesheet veranderd waar je de aard van het probleem mee kunt zien. Gebruik de volgende css code maar eens in je css ipv de code die je er hebt.

Cascading Stylesheet:

.menuback {
    background-image: url(img3/menu_back.gif);
    background-repeat: repeat-y;
    background-position: right;
    background-color: #0F0;
}

Ik heb helaas niet kunnen vinden wat het precieze probleem is, ik zit namelijk op mn werk, en je code is wat rommelig om alles makkelijk te vinden. Maar let maar eens op de achtergronden, die lopen ook niet door tot beneden.

---

de w3c validator valideert je code niet als correct (op het moment van schrijven).

Ik zie zelf trouwens zo al code zoals deze staan, die ook niet correct is.

HTML:

  <tr>
    <td colspan="2" valign="top" bgcolor=""></td>

    <table cellpadding="0" cellspacing="0">
    </table>
  </tr>
  <tr></tr>

[ Voor 12% gewijzigd door RwD op 28-01-2005 10:39 ]

[RwD]

Let ook goed op links die je plaatst; [url=http://localhost/websites/itasc2.0/itasc2/contact.asp?s=1&sub1=Contact]deze[/url] bijvoorbeeld kunnen wij niet zien terwijl die op jouw pc wel gewoon werkt!