Float und clear - Fehler in IE Einstellungen

[MartinH]

Hallo zusammen,

Mehrfachpostings sind ja verpönt, aber nach 2 Tagen Schweigen bei Strohhalm.org möchte ich hier mal mein Leid klagen.

Ein wahrscheinlich längst bekannter Internet-Explorer-Fehler, behindert meine Pläne, von Tabellen auf divs umzustellen:

http://www.hallofreun.de/temp/test/test.html
http://www.hallofreun.de/temp/test/css/test.css

Ein Textbereich umfließt ein rechts positioniertes Bild. Danach kommt noch ein Absatz mit clear, um den Textbereich erst unterhalb des Bildes enden zu lassen. Links bildet eine umfassende div einen breiten farbigen Rand.

Opera und Firebird machen keine Probleme.
Der Internet-Explorer stellt es nur in einem ganz schmalen Fenster korrekt dar.
Siehe: http://www.hallofreun.de/temp/ttt_IE_schmal.jpg
Wenn das Fenster so breit wird, dass das "clear" wirkt, verschwindet der farbige Rand.
Siehe: http://www.hallofreun.de/temp/ttt_IE_breiter.jpg

Wie kann ich dieses Verhalten vermeiden?
War es vielleicht doch mein Fehler?
Wo gibt es eine Sammlung solcher IE-Darstellungsfehler?

Martin

[Conny]

Hallo,
schau mal HIER
Geht ab Bildschirm 800 x 600 und größer.
Hab's nur mal schnell hingekrizelt, das Finetuning kannst Du -hoffe ich- selber machen (Quelltext anschauen!).
CSS steht hier direkt am jeweiligem TAG, kannst Du rausnehmen und in eigenständiger CSS auslagern (benütze ID's für die DIV's)

-Hoffe das war auch das was Du wolltest!!-

cu
Conny

[MartinH]

Hallo Conny,

vielen Dank für deinen Vorschlag. Das Layout entspricht insofern meinen Wünschen, dass es vom IE nicht zerwürfelt wird, obwohl das Wort "clear" darin vorkommt.

Auf das von dir benutzte CLEAR="all" reagiert der IE zwar weniger zerstörerisch als auf style="clear:both;", aber es ist als "deprecated" eingestuft. (ebenso auch ALIGN="right" beim IMG)

Bei fester Breite des Textbereichs hätte ich sowieso keine Probleme.

Ich hätte gerne einen Textbereich mit veränderlicher Breite, in dem einige Bilder links und rechts umflossen werden. Der Rand links soll eine feste Breite haben und mit Hintergrundbild und weiteren Textboxen verziert werden.

Eine Zusammenstellung von IE-Bugs habe ich gerade gefunden:
http://www.positioniseverything.net/explorer.html

Martin

[Google Bot]