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.
Sieht in html so aus:
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 */
}
Code:
<div id="main">
<div class="container">
<div class="column_left_half"></div>
<div class="column_right_half></div>
</div>
</div>