Problem mit HTML und CSS: Container als Klassen untereinander anordnen

motorbreath

Aktives Mitglied
Thread Starter
Dabei seit
16.09.2006
Beiträge
153
Reaktionspunkte
7
Folgendes Problem:
Für ein News-System hätte ich gerne für jede neue Meldung einen neuen Container (um darin zwei Spalten anlegen zu können).
Da ja mehrere Meldungen übereinander stehen sollen, kann ich die Container nur als Klassen definieren.
Mit einer Meldung siehts gut aus, füge ich jedoch weitere ein, so liegen alle über der obersten Meldung. Jedoch sollten sie eigentlich untereinander angeordnet sein.
Alle Melungen sollen im Container Main abgelegt sein, in den Meldungen sollen zwei Spalten sein.
Code:
#main {
	width:700px;
	height: 700px;
	top:100px;
	left: 50%;
	margin-left: -350px;
	background-color:#FFFFFF;
	position:absolute;
	padding:15px;
}
.container {
	position:absolute;
	width: 700px;
	margin: 0px;
}
.column_left_half {

  float: left; width: 335px;
  margin: 0; padding: 0;
  border: 1px solid white;
}
.column_right_half {
 margin-left: 350px;
  padding: 0 1em;
  border: 1px solid white ;
	
  min-width: 16em; /* Mindestbreite (der Ueberschrift) verhindert Anzeigefehler in modernen Browsern */

}
Sieht in html so aus:
Code:
<div id="main">
<div class="container">
<div class="column_left_half"></div>
<div class="column_right_half></div>
</div>
</div>
 
Danke für die schnelle Antwort...das war aber auch zu einfach.:bedjump:
 
Zurück
Oben Unten