Heyhey, ik heb de volgende site: http://mail-maniac.com/test/ . Ik heb het horizontale menu met verticale dropdown submenu bijna af, maar ik zit nog met een laatste probleem. Ik zou graag willen dat alle submenu-items even lang zijn, en de lengte aannemen van het langste LI element.

Dus niet zo:

Citaat:........
item 1
.................
item bladiebla
.................
item 3
........

Maar zo:

Citaat:................
item 1
.................
item bladiebla
.................
item 3
.................

Ik dacht dat het me ooit eens gelukt was door te spelen met display:inline-block, maar ik heb het overal geplaatst en zag geen effect. Weet iemand hoe dit op te lossen is?


Thanks!

[edit]
Oh, en misschien nog zinvol om te melden dat ik geen fixed width aan de li elements wil meegeven, omdat de eindgebruiker zowel de lengte van de submenu-text als de lettergrootte volledig kan veranderen.

(15-02-2010 00:04:08)michielh schreef:  omdat de eindgebruiker zowel de lengte van de submenu-text als de lettergrootte volledig kan veranderen.

Ik zou ze dan ook gewoon de vaste breedte van het submenu item laten aanpassen, of je gebruikt min-width, maar dat wordt niet goed ondersteund door IE6. Eventueel is dat wel met JavaScript op te lossen.

Ik denk dat ik idd gewoon maar de mogelijkheid ga toevoegen om de gebruiker de submenu-breedte te laten opgeven, want ik wil geen javascript gebruiken in een submenu en mijn gebruikersdoelgroep houdt nog vast aan ie6.

Bedankt voor je hulp!

Ik zou dan de site niet opleveren http://www.wijstoppenook.nl

you're welcome!

(15-02-2010 00:32:31)Jasper schreef:  

(15-02-2010 00:04:08)michielh schreef:  omdat de eindgebruiker zowel de lengte van de submenu-text als de lettergrootte volledig kan veranderen.

Ik zou ze dan ook gewoon de vaste breedte van het submenu item laten aanpassen, of je gebruikt min-width, maar dat wordt niet goed ondersteund door IE6. Eventueel is dat wel met JavaScript op te lossen.

Gewoon width gebruiken voor IE6, IE6 rekt hem dan wel uit als het niet past.

Ik heb het opgelost mbv


De _width=150 wordt enkel geïnterpreteerd door IE6, alle betere browsers nemen de breedte aan van het breedste LI element, met een minimale breedte van 100 px. En ik heb 150px ipv 100px ingesteld voor IE6 omdat ik het minder lelijk vind dat er grote submenu-items zijn, dan dat dat de submenu items in IE6 verschillend van lengte zijn.

prima oplossing.