Mehrspaltiges Layout mit CSS

[m0wlwUrf]

Hi,

Habe jetzt mehrere Tutorials im Netz gelesen zu mehrspaltigem Layout, und verstehe das alles gründsätzlich auch gut, nur habe es die Konstellation die ich vorhabe zu machen bisher noch nirgendswo gefunden, scheint sehr selten zu sein.

Es geht um die horizontale Ausrichtung von div- Containern. In der Mitte habe ich einen zentrierten Cotainer mit fester Breite. Links und rechts davon soll jeweils ein container genau bis zum mittleren Container reichen, allerdings nicht überlappen.

Hier mein Beispiel:

http://ev-kirche-neckarsteinach.de/jos2/index.php


Wie kriege ich es hin, diese beiden äußeren Containern die korrekte Breite zuzuweisen, sodass sie sich je nach Viewport- Breite anpassen?

Vielen Dank für eure Hilfe!!

[hero-master]

HI
ehrlich gesagt, kann ich nicht ganz folgen, was du genau vorhast. Kannst du das mal aufscribbeln und eine kurze Erläuterung dazu schreiben (gelbe Box soll das machen,...)
Wenn du die Container realtiv vom Viewport ausrichten willst und so, dass sie auch relativ zueinander sin, dann darfst du nicht mit absoluter Positionierung arbeiten und musst mit prozentualen Werten da ran gehen. (Ein Beispiel)

[threadi]

Eine Antwort darauf wurde in einem anderen Forum bereits gepostet. Vlt. war da schon die Lösung dabei ..

[m0wlwUrf]

Hi Leute,

danke für eure Mühe und sorry für die späte Antwort.

Wie auch schon im anderne Forum beschrieben, habe ich es mittlerweile (mit etwas fremder Hilfe) auf einem ganz guten Wege gelöst.

Damit ihr das nochvollziehen könnt, habe ich folgende Grafik gebaut:



Danke für eure Mühe!