Probleem in verschillende browsers

**Dave S** · 29-09-2011, 14:58

Ik zit met het volgende probleem:
http://www.webmastermind.nl/layouts/avicii/bug.png

Zoals je ziet steekt het menu op bepaalde plekken uit, en dat hoort niet. Nou was dat bijna alleen het geval bij IE7, bij Chrome deed ie het bijvoorbeeld perfect. Toen heb ik de padding twee pixels kleiner gemaakt en het probleem was toen opgelost in IE7. Maar in Chrome is de padding dan weer te klein en dan klopt het weer niet.

http://www.webmastermind.nl/layouts/avicii/

Is er iemand die een oplossing voor me heeft?

**Thomas De Jonghe** · 29-09-2011, 15:03

Verwijder padding-top en padding-bottom.

Daarna voeg je deze 2 regels toe op div.nav ul li.a
height:50px;
line-height:50px;

Zelfde hoogte dus als de ul en door de line-height wordt het verticaal gecentreerd.

Thomas

**Dave S** · 29-09-2011, 18:04

Het lijkt niet te werken Thomas, de menu-opties verschijnen nu heel dicht op elkaar en worden dus niet verticaal gecentreerd. Heb je een andere optie?

**Bastiaan van dongen** · 29-09-2011, 18:09

Origineel gepost door Dave S

Het lijkt niet te werken Thomas, de menu-opties verschijnen nu heel dicht op elkaar en worden dus niet verticaal gecentreerd. Heb je een andere optie?

Bij mij laat die op alle browser's de menubalk goed zien...

**Thomas De Jonghe** · 30-09-2011, 00:00

Bij mij werkt het nu in FF, IE8 en Chrome.

Welke browser gebruik je?

**Dave S** · 30-09-2011, 09:59

Ja, het klopt nu wel. Ik heb zelf ook nog even wat geprobeerd. Maar bedankt voor je hulp Thomas.

**Thomas De Jonghe** · 30-09-2011, 15:23

Dat is graag gedaan Dave.

Probleem in verschillende browsers