IE verhunzt Seite.

[Gregor]

Hallo Webby

style = "float ... " habe ich noch nie verwendet. Das halte ich also für gewagt. Ich hätte auch eher nicht DIVs geschachtelt sondern die guten, alten Tabellen verwendet. Aber vielleicht bin ich ja bloß konservativ ...

Nebenbei: DIVs haben in MSIE immer eine Breite von 100%, wenn nicht anders angegeben. Also, wenn links oder rechts von dem, was in der DIV ist, was stehen soll, ist eine Tabelle die bessere Wahl!

Was macht float:left; eigentlich? ist es das gleiche wie align="left", was bisher bei mir immer problemlos geklappt hat (align bezieht sich bei DIVs bekanntermaßen auf ihren Inhalt - so wie bei TDs)?

Was mir auf jeden Fall aufgefallen ist: wenn Du keinen Whitespace um ein Bild willst, darf auch keiner da sein: keine Umbrüche und keine Leerzeichen!

Also: Bilder, die an Ränder (DIV-Ränder / Tabellenzellen) grenzen sollen, haben entweder ein align=irgendwas und ggf. sogar vspace/hspace=0 oder der IMG-Tag schließt sich gleich an den öffnenden Tag des Parent-Elements an, also etwa so:

<div class="col2"><img
src="../images/design/edge_red_top_left.png" alt=""></div>

pngs sind übrigens derzeit auch noch nicht so opportun! Für Dein Design ist auch der einzige echte Vorteil von pngs - der Alpha-Channel - gar nicht erforderlich!

Wenn ein Bild ganz links und eins ganz rechts sein soll, würde ich auch wieder align="left/right" verwenden (statt der Stilangabe).

Außerdem solltest Du bedenken: Whitespace (s.o.) vor dem ersten Tag ist Text, der VOR dem Bid eingefügt wird. Das kann z.B. bei align="left" so aussehen, dass erst eine Leerzeile kommt, und dann erst das Bild am linken Rand, weil der umfließende Text immer erst NACH dem IMG-Tag steht!

IM IMG-Tag kannst Du dann ruhig einen Umbruch plazieren!

Einfache BRs durch die Verwendung von DIV-Tags zu substituieren ist auch nicht unbedingt zu empfehlen, wenn es auch unkritisch ist.

Woher der große Abstand zwischen oberem roten Bereich und und Unten links kommt, müßte ich per Experiment ermitteln, aber ich tippe auf die unnötige DIV "header_outer" und den zusätzlichen Whitespace darin.

Naja. Viel Glück noch beim Basteln.

Gregor