float und clear - zu viel und zu wenig Platz

[limenet]

Hi

Zuerst einmal: Hallo an alle!

Da ich für ein dringendes Kundenprojekt zur Zeit gerade keine Antwort bei css-tricks.com bekomme, versuche ich es hier...

Die betroffene Site ist: http://bit.ly/cJ2kPN
Auf den Unterseiten (http://bit.ly/9vcaN0) hat es einen grossen Leerraum zwischen der Zeile mit " Schwarz/Weiss Negativ Bild 24 x 36 mm" und dem Bild oberhalb. Der Abstand ist zwar einerseits mit einem padding von 10px generiert, aber auch durch das Ende von #navigation. Und mir ist (fast; es wird durch die floats in .product (und den Kindern) "produziert") völlig unklar wieso (Problem Nr. 1).
Das zweite Problem taucht u.a. beihttp://bit.ly/ceNMx3 auf (bitte die Formulare nicht ausprobieren ), bei dem #content den ganzen Platz bis hin zu #footer ausfüllen sollte (mit weiss). Dieses Problem (Nr. 2) ist wahrscheinlich wieder "dank" #navigation.
Die vereinfachte Struktur ist

Code: Alles auswählen

#container -> gradient [
#header
#navigation -> float left, 180px breit
#content -> margin-left von 180px, kein float
#footer -> clear both
}


Die Files sind mehr oder weniger valide.
Das Problem ist in allen Modernen Browsern.

Falls etwas unklar sein sollte, einfach nachfragen!
Und jetzt schon danke für eine (schnelle &) qualitative Hilfe!!!

Linus

[sejuma]

Zu 1:
Liegt vermutlich daran, dass #content .product-desc eine Höhe von 150px hat.
Am besten den height-Wert weglassen; passt sich dann automatisch an.

zu 2: http://www.ohne-css.gehts-gar.net/0005.php

[limenet]

zu 1: leider nicht - das Problem tauchte (gefixt) auch bei einem Formular auf
zu 2: vielen Dank!!! funktioniert perfekt!

Linus

[limenet]

zu Nr. 1: ist ebenfalls gelöst - auf css-tricks.com kam die Lösung... overflow: hidden; bei .product

Linus

PS: Moderator oder Admin: kann jemand den Titel des Threads auf [gelöst] ... ändern?