Divs wirklich nebeneinander - Problem mit Transparenz

[Matthias Apsel]

Om nah hoo pez nyeetz, Sebastian!

Und wie?

Erst mal lässt du das div 'Menükomplett' komplett weg.

Weil ich müsste es ja so hinbiegen dass der ul-Hintergrund an den Stellend er Buttons beim Hovern quasi ein Lock bekommt.

Eine Lösungsskizze für moderne Browser (die dann auch keine halbtransparenten Hintergrundgrafiken benötigen):

gib der Liste keinen Hintergrund:

verwende #nav li:first-child::before, um links des ersten Listenelements einen Hintergrund zu erreichen und #nav li:last-child::after für das rechte Seite.

Ob das wirklich funktioniert, müsste man ausprobieren.

Eine schmutzige Lösung wäre das Hinzufügen zweier Listenelemente. Aber zusätzliche Elemente aus Gestaltungsgründen sind uncool. Diese Lösung würde aber in einer großen Anzahl von Browsern funktionieren, wenn du sie dann auch noch über einen Klassenselektor statt über die Pseudoklassen ansprichst, sogar hinunter bis zum IE6.

Schau dich im selfhtml-wiki um, Stichpunkte Pseudoelemente und Pseudoklassen unter Dokumentation/CSS.

Matthias