Frage stellen
Ich arbeite mich gerade erst richtig in das Thema CSS ein, habe aber ein Problem und weiß mir irgendwie nicht zu helfen. Es wäre klasse, wenn mir jemand nen Tipp geben könnte.
Situation ist folgende:
http://www.bschulze.de/test_css/dyn.php
Auf dieser Seite möchte ich verschiedene RSS-Feeds mittels PHP neben- und untereinander darstellen. Die jetzige Darstellung ist für mich aber so nicht optimal, da die Boxen alle unterschiedlich groß sind. Ich hätte es am liebsten, wenn sich alle Boxen in einer "Zeile" der größten Box automatisch anpassen.
Der Quellcode sieht folgendermaßen aus:
- Code: Alles auswählen
<div id="column">
<div id="box">
<div id="headline">Headline des Feeds</div>
<div id="content">
Hier Inhalt es Feeds
<!-- content --></div>
<!-- box --></div>
<div id="box">
<div id="headline">Headline des Feeds</div>
<div id="content">
Hier Inhalt es Feeds
<!-- content --></div>
<!-- box --></div>
<div id="box">
<div id="headline">Headline des Feeds</div>
<div id="content">
Hier Inhalt es Feeds
<!-- content --></div>
<!-- box --></div>
<!-- column --></div>
Das Div column ist also quasi der Container außen herum, alle Boxen stehen einfach nebeneinander und werden im Browser auf die nächste Zeile umgebrochen.
Das CSS sieht dabei so aus:
- Code: Alles auswählen
#column {
width: auto;
}
#box {
padding: 2px;
float: left;
height: auto;
}
#headline {
border: 1px solid #79A7E2;
border-bottom-width:0;
margin:0px;
padding:5px;
background-color: #EFF5FF;
text-align: left;
}
#content {
background-color: White;
border: 1px solid #79A7E2;
border-top-width:0;
padding: 5px;
font-size: 8pt;
font-family: Tahoma, Verdana, Arial, Helvetica;
color: #8F8F8F;
text-align: left;
vertical-align: top;
}
Wie krieg ich da mein Problem in den Griff? Würde mich sehr über einen Tipp freuen
