[-Tom-Tom-]

Hallo Leute,

ich hab mich mit google und in diversen Foren schon dumm und dämlich gesucht, aber konnte leider keine Lösung für mein Problem finden:
Ich habe den Container "header", dieser Container soll sich über die komplette Seite erstrecken.
Er beinhaltet 3 weitere DIV-Container. "title" ist Mittig zentriert und hat eine feste Breite und Höhe von 800 x 100px. Die beiden Container "sidebar_1" und "sidebar_2" sollen den Platz links und rechts neben dem "title"-DIV vollständig ausfüllen.

[pixelpapst303]

kommt ein bisschen auf das layout konzept an.
wenn die sidebars mit ihren verläufen reine design-elemnte sind, könntest du diese unter deinem title positionieren, eine width von 50% geben, mittig platzieren und ein seitliches margin von 50% bzw -50% geben. den title dann mittig im z-index höher drüber.

sollte sich inhalt in den sidebars befinden, der anhand des restlichen platzen (viewport-800/2) skaliert wird, wird das einfachste wohl eine js lösung. solange vh,vw und calc in css weit entfernt vom standard sind.

[Karlarsch]

Hallo,

eine (zugegeben böse) Lösung wäre mit position:absolute zu arbeiten.

[-Tom-Tom-]

Hallo Karl,

danke, der Code funktioniert soweit. Gibts auch eine "nicht-Böse"-Lösung?

Eventuell mit Tabellen oder soll ich hiervon lieber die Finger lassen?
(Das ganze soll ein Joomla-Template werden)

Gruß

[Zim]

Die Tabellenlösung wäre die Ultra-Mega-Super-Böse Lösung und ja, davon solltest du die Finger lassen.

[-Tom-Tom-]

Ja, aber wie macht man das in meinem Fall Richtig? Des mitm den Divs in den Hintergrund stellen ist doch auch nicht das gelbe vom Ohr? Hier kann ich mir gut vorstellen (habs noch nicht getestet, sry) dass hier die Browser-Kompatibilität schwierig werden könnte?

Wie machen es die Profis?

[sahnemuh]

[rodemund]