[ventu]

Hallo,

ich möchte, dass meine floatenden elemente das sie umgebende div ausfüllen/erweitern soweit wie nötig.
das gelingt indem man das umgebende div auch auf "float" setzt.
das wiederum bewirkt aber, dass die zentrierung hinfällig ist.

wie kann ich beides haben?

body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: verdana, arial, helvetica, sans-serif;
	color: #ccc;
	background-color: #333;
	text-align: center;

	}

#content {
	padding: 10px;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-right: auto;
	margin-left: auto
	background: #666;
	border: 5px solid #ccc;
	text-align:left; 
	width: 600px; 
	float:left; mit float passt sich das umgebende div 
an den floatenden Inhalt an, aber die Zentrierung ist hinfällig.

	}
.midcontBG {
	background-color: #666666;
	padding: 40px 40px 40px 40px;
	float: left;
	z-index: 10;
	top: 240px;
	left: 118px;

}

danke

[heiko_rs]

FAQ Punkt 2.

[ventu]

hatte ich auch gefunden, danke.

aber wie verpasse ich dem div die clearfix Klasse?

	<div class="clearfix midcontBG">

funktioniert nicht..

[heiko_rs]

Wenn ich den CSS-Schnipsel in Deinem ersten Post richtig deute, braucht #content die Klasse, denn dieses Element soll enthaltene Floats einschließen. Eleganterweise machst Du's dann per #content:after (statt der zusätzlichen Klasse).