display: inline-block

Door Tom K op 24-02-2009 12:16

1.448 views

Hallo allemaal,

Ik ben bezig met een website, waarbij ik een horizontaal menu heb. Dit menu werkt prima in ff3, maar als ik in ie7 kijk, zie ik tot mijn schik dat het een verticaal menu is. Ik denk dat ie7 niet luisterd naar de display:inline-block. Ik kom er maar niet achter hoe ik dit op kan lossen. Weet iemand toevallig iets??

Tom

Voorbeeld: http://beta.devhouse.nl (inloggen met phphulp & phphulp)
Code:
HTML: http://pastebin.be/16869
CSS: http://pastebin.be/16870

Elwin - Fratsloos

24-02-2009 12:18

Als dat Home het menu is, werkt het ook niet in FF2.

Tom K

24-02-2009 12:23

Elwin schreef op 24.02.2009 12:18
Als dat Home het menu is, werkt het ook niet in FF2.

ok, bedankt. weet iemand een oplossing hiervoor??

Tom K

24-02-2009 13:34

edit: werkt het nu wel voor ff2? heb nu display:-moz-inline-box; toegevoegd. Iemand een idee hoe ik het kan oplossen voor internet explorer??

[edit]:sorry voor de bump, ik dacht dat ik op de edit knop had gedrukt:S

Niek Weevers

24-02-2009 23:03

inline-block wordt inderdaad niet door alle browsers ondersteund.
Je kunt de display weghalen en een float: left; op de li zetten.
Dit werk perfect.

Tom K

25-02-2009 17:06

ja, bedankt, hierdoor werkt het perfect

Reageren

Inloggen om te reageren