Ergebnis 1 bis 7 von 7
  1. #1
    Antonowka
    Themenstarter
    Avatar von BlameMan
    Registriert
    01.2007
    Ort
    Hamburg
    Alter
    29
    Beiträge
    352

    float:left - höhe automatisch anpassen

    Hallo, ich sitze schon seit einigen Tagen an einem Problem.
    Ich habe mehrere Divs mit float:left; angeordnet. Wenn diese nach rechts hin keinen Platz mehr haben rutschen sie wie vorgesehen in die nächste Zeile.
    Dabei orientieren Sie aber sich an dem höchsten Div der vorherigen Reihe, wodurch hässliche Lücken entstehen.

    Ich möchte also dass die Divs welche in die nächste Zeile gesprungen sind, sich jeweils an dem Div über ihnen orientieren und direkt unter ihm andocken.

    Hier mal meine Seite:

    http://sylvia-doemer.stefansternheim.de/sylviadoemer
    Mac Mini Server 2Ghz 4core- 8GB Ram - 128GB SSD + 500 GB HDD, 27 Thunderbolt Display, IPad 4G 16GB, iPhone 4S 16GB

  2. #2
    Golden Noble Avatar von Bananenbieger
    Registriert
    08.2005
    Ort
    In der Cloud
    Beiträge
    21.434
    Das geht so nicht.
    Vorsicht! Dieser Beitrag kann Spuren von Ironie oder Sarkasmus enthalten.
    Ohne Konservierungsstoffe (lt. Gesetz). Ohne Farbstoffe. Ohne geschmacksverstärkende Zusatzstoffe.
    Deckt 2% des Richtwertes des täglichen Apfeltalkbedarfs basierend auf einem Karmalevel von 200 Pt.

  3. #3
    drp
    drp ist offline
    Ontario Avatar von drp
    Registriert
    04.2011
    Beiträge
    342
    Teile die DIVs doch einfach in 2 darüberliegende DIVs auf (einer mit Float:left) und ggf. werden die aus dem zweiten DIV daneben angezeigt (ohne Lücken) oder darunter (wenn nicht genügend Platz ist)
    Geändert von drp (28.04.2011 um 12:07 Uhr)
    Viele Grüße von DRP - Homepage
     MacBook Air 11,6" |  iPhone 3GS 8GB |  iPad 2 16GB weiß Wi-Fi |  Magic Mouse | PC

  4. #4
    drp
    drp ist offline
    Ontario Avatar von drp
    Registriert
    04.2011
    Beiträge
    342
    Wie ich sehe, hat's geklappt...
    Viele Grüße von DRP - Homepage
     MacBook Air 11,6" |  iPhone 3GS 8GB |  iPad 2 16GB weiß Wi-Fi |  Magic Mouse | PC

  5. #5
    Golden Noble Avatar von Bananenbieger
    Registriert
    08.2005
    Ort
    In der Cloud
    Beiträge
    21.434
    Cool. Danke für den Tipp. Das kannte ich noch nicht.
    Vorsicht! Dieser Beitrag kann Spuren von Ironie oder Sarkasmus enthalten.
    Ohne Konservierungsstoffe (lt. Gesetz). Ohne Farbstoffe. Ohne geschmacksverstärkende Zusatzstoffe.
    Deckt 2% des Richtwertes des täglichen Apfeltalkbedarfs basierend auf einem Karmalevel von 200 Pt.

  6. #6
    Stina Lohmann
    Registriert
    10.2009
    Beiträge
    1.023
    Oder noch viel einfacher: Gib ihnen doch gleich ne fixe höhe....

  7. #7
    drp
    drp ist offline
    Ontario Avatar von drp
    Registriert
    04.2011
    Beiträge
    342
    und dann display: inline-block;
    Viele Grüße von DRP - Homepage
     MacBook Air 11,6" |  iPhone 3GS 8GB |  iPad 2 16GB weiß Wi-Fi |  Magic Mouse | PC

Berechtigungen

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