✔ DIV-Container zieht sich nicht auseinander

[dhakra]

Hi,

hab ein Problem mit der Template-Erstellung, welches ich bislang immer umgehen konnte:
Ein äußeres DIV mit einem Hintergrund und je nach Unterseite ein bis drei DIVs nebeneinandergefloatet, die sich in diesem äußeren befinden und je nach Inhalt das Äußere größer ziehen sollen. Wenn nur das mittlere DIV angezeigt wird funktionirt alles wunderbar. Sobald jedoch das linke DIV dazugeschaltet wird richtet sich das äußere DIV nach dem linken und der Hintergrund hackt dann einfach ob, obwohl das mittlere DIV mehr Text beinhaltet.

Bislang konnte ich tricksen, indem ich mehrere Container mit der gleiche Hintergrundfarbe bepinselt habe, nun habe ich aber ein transparentes png und da sieht man, wenn sich mehrere davon überlappen. Es ist schwierig für so individuelle Probleme passende Suchbegriffe zu finden..

Hier der Code:

template.css:

#middle{
	background:url(../images/glas.png);
	width:100%;
	height:auto;
	color:#000;
	clear:both;
}

	#content_l{
		float:left;
		width:260px;
		margin-left:150px;
	}
	#content_c{
		float:left;
	}
	#content_r{
		float:left;
	}

index.php:

<div id="middle">
                    <div id="content_l"><?php mosLoadmodules("left"); ?></div>
                    <div id="content_c">
                        <jdoc:include type="component" />
                    </div><!--conc-->
                    <div id="content_r"><?php mosLoadmodules("right"); ?></div>
        <br />&nbsp;</div><!--middle-->

Hab schon einiges versucht und bin mit meinem Latein am Ende...

 

[Maik]

Hi,

ein Blick in Wichtig: CSS - FAQ vor dem Eröffnen dieses Themas hätte deine Frage beantwortet, die in der Vergangenheit hier schon unzählige Male erörtert wurde.

6. Warum passt sich die Boxenhöhe nicht dem Inhalt an?

mfg Maik

 

[dhakra]

Besten Dank! Hab den Fehler gefunden.
Den clear:both-Eintrag hatte ich drin jedoch nicht display:inline-block.
Wieder was dazugelernt.

Sorry, dass ich jetzt n bissl voreilig gepostet habe. Sollte dieser Thread nur zur Unübersichtlichkeit beitragen, kann er von mir aus auch wieder gelöscht werden. Danke trotzdem!