CSS *SOS*

[ReneHelp]

CSS-Pros hier?

Normalerweise komme ich mit etwaigen CSS-Anpassungen sehr gut zurecht. Aber diesmal beiße ich irgenwie auf Stein :-(

Ich habe damit begonnen, einen Onlineshop zu bauen - bekomme aber die Hauptnavigation nicht zentriert. Findet von Euch jemand einen Weg, "mainmenu" zu zentrieren?

Danke für jede Hilfe! Rene

[Rolf B]

Hallo Rene,

es ist nicht nett, jemandem zum Debuggen minifiziertes CSS vor die Füße zu kübeln. Wie soll ich Dir jetzt sagen, in welcher Zeile was zu tun wäre?

Und, was in dem CSS Wurm ist von Dir und was ist Bootstrap?

Jedenfalls ist es so, dass Du für das Main Menu 2 Anweisungen gibst, die es nach rechts zwingen. Beide sind in der #mainNavbarCollapsable ul.mainmenu Regel.

Es ist float:right und justify-content: flex-end.

Lass den float weg und ersetze flex-end durch center.

Float und Flexbox beißen sich ohnehin, und Browser, die Flexbox gar nicht können, sind mittlerweile so alt, dass sie irrelevant sind (der letzte war IE 10 und wurde 2013 durch IE 11 abgelöst). Deshalb brauchst Du -webkit-flex (Chrome vor Version 21) und -ms-flexbox (IE 10) nicht mehr. Das -moz- Prefix für den Firefox hätte ohnehin gefehlt...

Rolf