nicht angemeldet
Hi,
.wants {float:left;} und .haves floatet automatisch. Jetzt solltest du noch die Angabe zur width: überdenken. Am universellsten sind prozentuale Angaben. Und bei 2 Boxen bietet sich 50% an. Also:
.wants {float:left; width:50%;} .haves {float:left; width:50%;}
gerade in diesem Beispiel halte ich eine solche Lösung über %-Angaben und float für beide Boxen für äußerst ungünstig.
Die linke Box ist berechenbar klein - berechnenbar aber anhand des Inhaltes und nicht der Fenstergröße.
Folglich gebe ich der linken Box eine Breite in em, die der Breite des längsten Inhaltswortes entspricht und ebenfalls ein margin-left in em.
Die rechte Box kann nun ohne float auskommen, eine passende breite in % unter Berücksichtigung des verbleibenden Raumes bei den gängigen Bildschrmgrößen bekommen und ein margin-left im em entsprechend der Summe des margins und der Breite der linken Box zzgl. dem gewünschten Abstand.
Das wäre dann wirklich flexibel und schaut trotzdem gut positioniert aus.
freundliche Grüße
Ingo