2 Spalten CSS Layout

**pattyland** · 17. 01. 2013, 19:50

Hallo,

ich bin gerade leicht verwirrt; Irgendwie bekomme ich einfaches 2 Spalten Layout in CSS nicht so hin wie ich möchte...

Ich hab einen div der 200px breit ist und sich mit margin-left: -200px links vom Viewport befindet.
Mein zweiter div hat 100% Breite/Höhe und füllt den Viewport aus.

Ich möchte dass wenn sich der erste div in den Viewport schiebt dass der zweite div aus dem Viewport rausschiebt. Nochmal eine kleine Zeichnung (selbst gemacht

):

Ich experimentiere gerade ein bisschen mit float und so, aber irgendwie wollen die div's nicht so wie ich

**epiphora** · 17. 01. 2013, 20:52

Ich würde hier gar nicht mit float experimentieren, schließlich sollen die divs nicht floaten.

Schmeiß die beiden divs doch einfach in einen relativ positionierten Wrapper hinein, der -200px nach links verschoben ist, um die linke Spalte zu verstecken (damit Du beide gleichzeitig animieren kannst). Darin würde ich beide einfach absolut positionieren.

**pattyland** · 18. 01. 2013, 00:08

Hast ja recht... Gute Idee mit dem Wrapper!
Ich muss mal gucken, ich versuche mal ohne js auszukommen, muss mal gucken ob css3 :target und so mit der Wrapper-Idee funktionieren

Danke schonmal!