Ergebnis 1 bis 3 von 3
  1. #1
    Gesperrt Avatar von pattyland
    Registriert seit
    Jan 2007
    Ort
    /var/www/
    Beiträge
    7.372
    NewsPresso
    1 (Talent)
    Danksagungen
    53

    Question 2 Spalten CSS Layout

    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

  2. #2
    ex-Moderator Avatar von epiphora
    Registriert seit
    Apr 2008
    Ort
    DE-CIX
    Beiträge
    6.599
    Danksagungen
    403

    Standard Re: 2 Spalten CSS Layout

    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.

  3. #3
    Gesperrt

    (Threadstarter)

    Avatar von pattyland
    Registriert seit
    Jan 2007
    Ort
    /var/www/
    Beiträge
    7.372
    NewsPresso
    1 (Talent)
    Danksagungen
    53

    Standard Re: 2 Spalten CSS Layout

    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!
    Geändert von pattyland (18. 01. 2013 um 20:40 Uhr)

  4.  
     
     

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •