nicht angemeldet
Hallo,
das Tabellenlayout habe ich mittlerweile über Bord geschmissen und mache jetzt alles per CSS. Bis jetzt hat alles geklappt, da es einfache Layouts waren (farbige einspaltige Textboxen, was mit CSS wunderbar geht)
Auf einer Startseite brauche ich nun 2 Spalten - die linke enthält einige Bilder untereinander, die rechte etwas Text und eine farbige Box mit Links. Bis jetzt ist es noch eine blinde Tabelle; aber ich wollte auch das mit Div's machen.
Die linke Spalte mit den Bildern habe ich einfach als Div mit fester Breite gemacht, welches dann mit float:left rechts umflossen werden soll. Das reicht ja schon.
Alles ist auch korrekt, bis auf die eine Div-Box rechts. Diese beginnt nicht wie der Text, neben dem linken Div, sondern schon ganz links - beide Div Boxen überlappen sich. Nur der Text in dieser Div Box beginnt erst brav rechts neben der linken Box. Betrachtet hab ich das mit Netscape 7, im IE 5.5 überlappt es sich komischerweise nicht.
Welche Möglichkeiten gibt es, dieses Überlappen vermeiden?
Die rechte Div-Box sollte erst neben der linken beginnen, und diese nicht überlappen.
Hier der etwas vereinfachte Quelltext dazu:
div.haupt { width:95%; background-color:#ccccd0; padding:6px; margin-left:auto; margin-right:auto; text-align:left;}
<div class="haupt">
<div style="width:180px; float:left">
<img src="bild1.jpg"><br>
<img src="bild2.jpg"><br>
<img src="bild2.jpg"><br>
</div>
<p>Text...</p>
<div style="background-color:#aabbdd; text-align:left; padding:6px">
<a href="link1.htm">Link 1</a>
<a href="link2.htm">Link 2</a>
</div>
<p>Text...</p>
<br style="clear:both">
</div>
Schöne Grüsse