✔ 2 Div nebeneinander.

[ChrisEU]

In einem Div-Kontainer möchte ich 2 weitere Div-Kontainer verpacken, die neben einander sein sollen.

Ich habe das mit Float hinbekommen, allerdings ändert sich die Höhe des umfassenden Div-Kontainers nicht, wenn ich mehrzeiligen Text eingebe.
Nun möchte ich aber, dass sich die Höhe ändert... kann mir einen einen Tipp geben?

Lg
Chris

ps:

HTML:

<div class="inhaltbox">
  <div class="menu">MENÜINHALT</div>
  <div class="inhalt">INHALTINHALT</div>
</div>

CSS:

.menu {
	float: left;
	width: 20%;
}
.inhalt {
	width: 80%;
	float: right;
}

.inhaltbox {
	background-color: #CCC;
	margin-top: 7px;
	width: 70%;
	text-align: left;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: auto;
	padding: 10px;
}

 

[tobee]

kann mir einen einen Tipp geben?

Wenn du floatest benötigst du in der Regel die clear Anweisung

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

<div class="inhaltbox clearfix">
  <div class="menu">MENÜINHALT</div>
  <div class="inhalt">INHALTINHALT</div>
</div>

 

[Maik]

Hi,

ein Blick zuvor in meinen Sticky-Thread " Wichtig: CSS - FAQ" der Themenübersicht im CSS-Forum hätte dir deine Frage beantwortet und dieses Thema erübrigt, dessen Fragestellung hier in der Vergangenheit schon so oft erörtert wurde, dass sie mir vor zwei Jahren einen Beitrag im Webmaster FAQ-Forum wert war

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

[closed]

mfg Maik