[GELÖST] CSS Menü in jedem Browser anders, auf Android zweizeilig

**w202mg** · 27.05.2014, 14:36

Hallo Leute,
ich bastele gerade an dem horizontalen dropdown-Menü hier: http://www.richstaker.com . Der rechte Rand ist in jedem Browser anders, mal links mal rechts verschoben. Auf Android wird der letzte Punkt gar auf die zweite Zeile verschoben.

Hat jemand eine Idee was das sein kann?

Danke!

**Bas** · 27.05.2014, 14:49

Mach Dir mal Screenshots von verschiedenen Browsern und lege diese übereinander, dann wirst Du sehen, das die Schriften abhängig von Browser und System ein klein wenig anders laufen, mal haben die einzelnen Wörter einen Pixel mehr Breite mal einen weniger.

Du darfst die Breite der Links also nicht abhängig vom Inhalt definieren (aktuell Textbreite + Padding), sondern musst Dir eine andere Lösung einfallen lassen. Wenn Du die unterschiedlichen Breiten erhalten willst und trotzdem die komplette Breite exakt ausnutzen willst .. definiere die Breiten der LIs fest, und positioniere die Links mittels width:100% und text-align:center.

Alternativ (und wahrscheinlich besser) sollte es auch mittels display:table-cell; etc. funktionieren. Infos dazu findest Du hier: http://css-tricks.com/almanac/properties/d/display/