css-Container Problem

[Cyberbird]

Hi!

Es geht um folgende Seite:
http://www.buchholz-bei-nacht.de/layout.htm

Die Frage ist, warum sich der #content-container in der Höhe nicht anpasst, obwohl sich #content und #content-image innerhalb dieses containers befinden.

css:

#container {
	width: 532px;
	position: absolute;
	left: 50%;
	top: 55px;
	margin-left: -270px;
	background-color: #B1C0C2;
	padding: 4px;
}

#head-image01 {
	width: 310px;
	height: 123px;
	float: left;
	background: url(../grafiken/head_mercedes-star.jpg);
	margin: 4px 0px 4px 0px;
}

#head-image02 {
	width: 216px;
	height: 123px;
	float: right;
	background: url(../grafiken/head_landscape.jpg);
	margin: 4px 0px 4px 0px;
}

.gradient {
	width: 531px;
	height: 20px;
	clear: both;
	background: url(../grafiken/gradient.jpg) top left repeat-y;
}

#content-container {
	width: 531px;
	background: url(../grafiken/content-bg.gif) top left repeat-y;
	border: 1px solid red;
	margin: 4px 0px 4px 0px;
}

#content {
	position: relative;
	width: 296px;
	padding: 20px 10px 10px 5px;
	float: left;
}

#content-image {
	position: relative;
	width: 200px;
	padding: 20px 10px 10px 10px;
	text-align: center;
	float: right;
}

html:

<div id="container">
	<div class="gradient"></div>
	<div id="head-image01"></div>
	<div id="head-image02"></div>	
	<div class="gradient"></div>
	<div id="content-container">
		<div id="content"></div>
		<div id="content-image"></div>
	</div>
	<div class="gradient"></div>
</div>

 

[versuch13]

Du hast ja gar keine Höhe für die besagten Container angegeben. Jetzt sind sie halt nur so groß wie der Inhalt.


MfG

 

[Cyberbird]

Wenn man sich das Ganze im Firefox anschaut, wird man merken, dass der content-container überhalb der beiden divs klebt, die eigentlich IN ihm sein sollten. Er nimmt dort überhaupt keine Höhe an...

 

[Cyberbird]

Hat sich geklärt, das floaten der content-divs war das Problem, sowie die Anordnung im Quelltext.