nicht angemeldet
Anordung flexibles Menü / Navigation
Hallo,
ich bin in den letzen zwei Jahren bei der Suche nach Lösungen immer wieder auf diese Forum gestoßen doch diesmal komme ich mit dem gefundenen nicht weiter.
Ich bin dabei mein, aus Grafiken bestehendes und mittels Tabelle angeordnete, Menü zu "überarbeiten". Sprich es mit Text und css zu realisieren. Der Rahmen für den gesamten Inhalt ist ein zentriertes div mit einer Breite von 748px.
Mein Ziel ist ein zweizeiliges Menü mit max. 5 Links je Zeile. An jedem Link, mit etwas Fläche und Rahmen ringsum, soll oben Links ein Kreuz hängen. Die Breite für die einzelnen Links soll nicht festgelegt sein (wird durch Text bestimmt). So weit konnte ich das realisieren (getestet nur mit IE und FF):
http://www.zwobotsgeist.de/test.htm
http://www.zwobotsgeist.de/test.css
(die sollen nicht anklickbar sein, ist schließlich nur eine Testseite)
Was mir noch fehlt bzw. Probleme bereitet ist folgendes:
- Die Links sollen horizontal etwas verteilt sein. Mit margin auto geht es nicht bei mehreren Elementen so viel ich weiß und probiert habe. Feste Werte will ich nicht verwenden, falls ein user die Schriftgröße ändert, sollen die Links zusammenrutschen können.
- Sollten die Links zu breit werden, soll kein Umbruch im Menü erfolgen. Beim IE ist der Umbruch momentan innerhalb des rechten Links, beim FF im Menü. Am liebsten wäre mir, wenn das Menü zur Not horizontal den "Rahmen sprengt" nur min-width (für das äußere div) ist nicht kompatibel.
- Weniger wichtiges Problem, beim FF gehört das absolut positionierte Kreuz zum Link, beim IE nicht. Gibt es da eine Abhilfe?
Allgemeine Bemerkungen zu möglichen "Gefahren" und Verbesserungsvorschlägen an der momentanen Lösung, auch bezüglich selteneren Browsern, sind natürlich auch willkommen.
PS: Ich habe bisher auf Browserweichen u.ä. verzichtet und möchte das auch weiterhin tun. Dennoch soll das Layout natürlich möglichst kompatibel sein (möglichst weit abwärts und für verschiedene Browser) oder zumindest nicht total zerschossen aussehen.