[mirok]

Hallo,

folgender code (eigentlich ganz einfach) macht nichts anderes, als über die ganze seitenbreite zwei Bockelemente zu positionieren:

<div style="width:100%; height:103px; margin:0px; padding:0px; border:0px;">
<div style="float:left; margin:0px; padding:0px; border:0px; width:180px; height:103px; background-color:#FEF4B1;"><br /><img src="fileadmin/neu/design/logo_xxx.jpg" width="150" height="59" " /></div>
<div style="border:0px; height:103px; background: #FFF url(fileadmin/neu/design/bildleiste_001.jpg) left top repeat-x;">&nbsp;</div>
<div style="clear:both; margin:0px; padding:0px; border:0px;"></div>
</div>

Beide haben ein Hintergrundbild, funzt auch wunderbar ausser dass der Firefox so tut als ob der linke Bereich den rechten überlagert, d.h. er schneidet vom rechten Bild einen Streifen weg, der genauso breit ist wie der linke Bereich.

Mit anderen Worten, es sieht so aus, als ob er mit dem Bild am linken Seitenrand beginnt und das andere Bild einfach darüberlegt.

Das ist aber nicht so, denn wenn ich text in den Bereich reinschreibe sehe ich ihn dort wo er sein soll nämlich im rechten bereich..

Ich sitze schon seit Mittag an diesem Problem und verzweifle langsam extrem hier und schmeiss gleich mein laptop aus dem fenster....

Für Hilfe wäre ich sehr dankbar!

Vielen Dank

Grus Miro

[m]

[mirok]

warum ist das richtig so?

der rechte bereich soll neben dem linken bereich sein wegen float...

[m]

Dazu müsstest du den rechten bereich aber auch mit der float:left; Eigenschaft
versehen. Oder du positionierst den rechten Bereich per margin-left.

Hier mal ein kleines Beispiel zum verdeutlichen:

[mirok]

vielen vielen Dank!

habs mit margin gelöst.
habs nie probiert, da ich dachte dass er dann im ie einen abstand macht...

verstehs zwar nicht ganz aber es funzt!

danke nochmal

gruss