Divs mit float:left - Problem

Eli-

Mitglied
Hi,

habe ein Problem mit der Positionierung von Divs:
http://i.imgur.com/I2dAv.png - linke Seite
http://i.imgur.com/U4IX1.png -rechte Seite

Ich habe bei den Conatinern einfach float:left; gemacht.

Auf der linken Seite, fängt das nächste Div erst da an, wo das rechte aufhört. auf der rechten Seite funktioniert es, das das nächste Div direkt anfängt, und nicht erst unter dem linken.

Weiß einer, wie man das beheben kann?
danke schon mal


Das blöde ist halt, das ich die Daten aus einer Tabelle auslese, und immer neue, unterschiedlich hohe Container hinzugefügt werden.

LG
 
äh ok:

PHP:
while ($row = $result->fetch_assoc()) {
		$id = $row['id'];
		$comment_count = $db->query("SELECT * FROM `kommentare-kurztipps` WHERE `art_nr`=$id");
		$zeilenzahl = $comment_count->num_rows;
		if($zeilenzahl < "1") {
			$zeilenzahl = "0";
		}
		
		
		
		echo "<div class='kurztipp-box'>";
		
		echo "<h2>" . utf8_encode($row['titel']) . "</h2><br>";
		
		echo utf8_encode($row['inhalt']) . "<br>";
		echo "<center><a style='color: #aaa;' href='ansicht.php?id=" . $row['id'] . "'>[ weiterlesen ]</a>";	
		echo "<a style='color: #aaa;' href='ansicht.php?id=" . $row['id'] . "#comment-bereich'> [ " . $zeilenzahl . " Kommentare ]</a></center>";
		echo "<hr>";
		echo "<center>" . utf8_encode($row['info']) . "</center>";
		
		echo "</div>";
    }

CSS:
.kurztipp-box {
	width:  300px;
	margin: 25px;
	min-height: 380px;
	background-image: url('../img/kurztipp-box.png');
	background-repeat: no-repeat;
	background-color: #151E1C;
	color: #fff;
	padding: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #fff;
	float: left;
	text-align: justify;
	overflow:hidden;
	-moz-box-shadow: 0px 0px 30px -10px #333;
	-webkit-box-shadow:  0px 0px 30px -10px #333;
	box-shadow: 0px 0px 30px -10px #333;
	border: 5px solid #fff;
}
 
Er sprach vom HTML-, nicht vom PHP-Code. Der PHP-Code ist für die Darstellung irrelevant, wichtig ist was der PHP-Code erzeugt und im Browser ankommt - nämlich der HTML-Code.
 
Zurück