packe doch mal inhalt und menü beide in einen weiteren container, der die selbe hintergrundfarbe wie das menü bekommt.
Gute Idee, aber ...
+---------------------+ <- wirkungsloser Container
| +--------+ +------+ |
| | Inhalt | | Menu | | <- float:right
| | Inhalt | +------+ |
| | Inhalt +--------+ |
| | Inhalt Inhalt | | <- das passiert, wenn ich border-right weglasse
| +-----------------+ |
+---------------------+
Ich denke, das Problem entsteht, weil ich float:right verwende. Mir fällt allerdings keine Alternative ein. (Alle Versuche mit position:absolute etc. schlugen fehl.)
Also: Mit float:right im Menücontainer UND border-right im Inhaltscontainer scheint es zu funktionieren (der Menücontainer befindet sich dann vor der gleichbreiten border). Aber funktioniert dieser Hack wirklich in jedem (modernen) Browser?
+--------+bbbbbbbbbb
| Inhalt |b+------+b
| Inhalt |b| Menu |b <- Menücontainer mit float:right
| Inhalt |b+------+b
| Inhalt |bbbbbbbbbb
+--------+bbbbbbbbbb <- Inhaltscontainer mit border-right