2 Spalten Layout -> Textboxen werden nebeneinander angezeigt

Hi,
ich habe ein 2 Spalten Layout erstellt:

[html]
#sidebar {
margin-left:490px;
margin-top:9px;
}

#news {
float:left;
width:475px;
}
[/html]

Die SideBar und die News-TextBox Definieren sich so:

[html]
#newstop {
background-image: url(images/boxes/news_top.png);
background-repeat:no-repeat;
width:475px;
height:4px;
margin-top:10px;
}

#newscontent {
background-image: url(images/boxes/news_middle.png);
background-repeat:repeat;
width:475px;
}

#newsbottom {
background-image: url(images/boxes/news_bottom.png);
background-repeat:no-repeat;
width:475px;
height:4px;
}

#side_top {
background-image: url(images/boxes/sidebar_top.png);
background-repeat:no-repeat;
width:238px;
height:6px;
}

#side_content {
background-image: url(images/boxes/sidebar_middle.png);
background-repeat:repeat;
width:238px;
}

#side_bottom {
background-image: url(images/boxes/sidebar_bottom.png);
background-repeat:no-repeat;
width:238px;
height:6px;
}
[/html]

Leider wird die linke Textbox (News), wenn ich sie wiederhole, nicht untereinander, sondern nebeneinander angezeigt, was die ganze seite Sprengt.

Wie kann ich das unter binden?

Eine ID wie „news“ solltest Du nur 1 Mal pro Seite verwenden. Daher kann es eigentlich gar nicht wirklich funktionieren, wenn Du die Box mit der ID „news“ kopierst und nochmal einfügst.

Wenn Du mehrere News untereinander darstellen willst, schreibe diese innerhalb der gefloateten Box mit der ID „news“ - nicht in eine Kopie davon.

Achso ja.
Danke :wink:
Hat einwandfrei geklappt