Besch: Probleme mit float, margin und IE

Beitrag lesen

Hallo!

Ich bin gerade dabei, zu versuchen, mein Layout aufzubessern, und bin hierbei auf ein Problem beim IE gestoßen.

Ich habe folgende Struktur:

--div mit rahmen-------------------------------------
|                                                   |
|   Bild float:left      Text                       |
|                                                   |
--div close------------------------------------------
            div mit text margin-top:15px

In Realität sind mehrere Solcher div Kästen untereinander angeordnet, ganz am Schluss habe ich noch einen anderen Container in dem Zentriert die Copyrightinformation steht.

Innerhalb des 1. divs ist es folgendermaßen gegliedert:
div anfang
   img mit float:left
   div mit text (kein float)
   br mit clear:left
div ende

Insofern wird auch alles richtig dargestellt, auch habe ich mit Firefox keine Probleme. Störend ist es allerdings, dass in IE der margin-top des letzten Containers nicht eingehalten wird, sprich die Copyright-Information "klebt" am Rahmen des vorhergehenden Kastens. Ich habe auch schon die Ursache dafür gefunden, in anderen Threads hier steht geschrieben dass float die margin werte aufhebt.

Aber da es in Firefox so schön funktioniert, würde ich es noch gern in IE zum Laufen bringen. Für Vorschläge bin ich dankbar!

Bernhard