Hi,
ich bin nicht in diesem Thread geblieben, weil es sich um eine neue Problematik handelt.
aber um das gleiche Thema: zwei nebeneinander stehende DIVs. Und wenn Du Dein neues Problem dabei kenntlich machen willst, nutze in der Vorschau die Möglichkeit, den Titel zu ändern.
In dem geposteten Quelltext ist kein float, um zu zeigen wie es vorher aussah.
Warum postest Du ihn dann? Die Kenntnis, daß zwei nicht anders formatierte Blockelemente untereinander stehen, darfst Du hier voraussetzen.
Aber zur Erklärung Deines float-Problems. Schau Dir mal dieses Beispiel an. Wie Du an den Rahmen siehst, beeinflußt die floatende Box die nachfolgende nichtfloatende Box nicht, sondern nur ihren inline-content (den Text). Du hast beiden Boxen nun ungefähr (wegen des unterschiedlichen border) dieselbe Breite gegeben. Die Rahmen fallen deshalb in standardkonformen Browsern (also nicht im IE) übereinander. Der inline-content (das Bild) paßt aber natürlich nicht mehr neben die floatende Box und muß (in standardkonformen Browsern) daher unter der floatenden Box dargestellt werden.
Ich empfehle Dir, dieses Kapitel über CSS-basierte Layouts durchzulesen, dann solltest Du auch float besser verstehen.
Dein Problem hättest Du übrigens nicht gehabt, wenn Du auf die überflüssigen DIVs verzichtet oder der nichtfloatenen Box ein passendes margin oder keine einschränkene Breite gegeben hättest.
freundliche Grüße
Ingo