Warum hat diese Höhe keinen Einfluss

[wapplegraph]

Hallo
ich habe in einem div ein zweites div mit einer Höhe, doch diese Höhe hat keinen Einfluss aufs äussere div?

div#rahmen	{
margin:150px auto 30px;
border:solid 2px #000000;
width:1000px;
}

div#links	{

margin-left:50px;
margin-top:100px;
margin-bottom:80px;
height:800px;
text-align:left;
float:left;

}

<div id="rahmen">




		<div id="links">
		
					<a href="index.php">Home</a>
					<a href="index.php?p=facts">Facts</a>
					<a href="index.php?p=chronik">Chronik</a>
					<a href="index.php?p=verein">Verein</a>
					<a href="index.php?p=presse">Presse</a>
					<a href="index.php?p=sitplan">Situationsplan</a>
					<a href="index.php?p=lindb">Lindenbl&uuml;ten</a>
					<a href="http://140952.forum.onetwomax.de/" target="_blank">Lindenforum</a>
					<a href="index.php?p=spon">Sponsoren</a>
					
					<p id="e-mail"><a href="mailto:[email protected]" >Kontaktadresse</a></p>
					
		</div>
		
		<div id="inhalt">
		
		<h1 id="navigation"> <?php	echo $navigation;	?>	</h1>
		
		<?php include 'sites/inhalt.php'; ?>
		

		</div>
		
	
		<div id="unten">
			<img id="imguntenindex" />
			
			<p id="webmaster">Webdesign by <a href="mailto:[email protected]">Jonas Eichenberger</a></p>
			
		</div>

</div>

 

[dpetri]

Nein, denn ein Div-Layer kann nicht dynamisch einen anderen Div-Layer vergrößern.
Die Höhe von 800 px musst Du also auch bei dem anderen Div-Layer angeben.

 

[wapplegraph]

Ja es ist eben so, das aussen div sollte Mindesten eine Höhe von 800px habe. Wie kann ich dann dieses Problem lösen?

 

[486er]

indem du ihm die statische höhe von 800px in der css-datei zuweist. wenn du die höhe von dem äußeren "kram" dynamisch haben möchtetst, musst du das schon mit tabellen machen ... aber ob das die lösung ist, kann ich dir nicht sagen.

 

[pepi]

min-height:Wert; hilft vielleicht. Der Rest steht auf selfhtml in der CSS Kurzreferenz.
Gruß Pepi

 

[Hilarious]

Ja es ist eben so, das aussen div sollte Mindesten eine Höhe von 800px habe. Wie kann ich dann dieses Problem lösen?

Dadurch, dass der innere Bereich (div#links) aus dem Textfluss genommen wurde (float: left), kann sich der äußere Bereich nicht an die verlangte Höhe halten, es sei denn Du verlangst eine Korrektur des Textflusses nach dem Bereich, der per Float verschoben wurde. Dazu gibt es einen »Clearer«:

div#rahmen {
	margin: 150px auto 30px;
	border: solid 2px #000000;
	width: 1000px;
	background-color: red;
}

div#links {
	margin-left: 50px;
	margin-top: 100px;
	margin-bottom: 80px;
	height: 800px;
	text-align: left;
	float: left;
}

[COLOR="red"]div.clearer {
	clear: both;
	display: block;
	margin: 0;
	padding: 0;
	height: 0;
	line-height: 1px;
	font-size: 1px
}
[/COLOR]

<link rel="stylesheet" href="wg.css" type="text/css" media="screen" />
<div id="rahmen">
	<div id="links">		
		<a href="index.php">Home</a>
		<a href="index.php?p=facts">Facts</a>
		<a href="index.php?p=chronik">Chronik</a>
		<a href="index.php?p=verein">Verein</a>
		<a href="index.php?p=presse">Presse</a>
		<a href="index.php?p=sitplan">Situationsplan</a>
		<a href="index.php?p=lindb">Lindenbl&uuml;ten</a>
		<a href="http://140952.forum.onetwomax.de/" target="_blank">Lindenforum</a>
		<a href="index.php?p=spon">Sponsoren</a>
		<p id="e-mail"><a href="mailto:[email protected]" >Kontaktadresse</a></p>
	</div>		
	<div id="inhalt">
		<h1 id="navigation"><?php	echo $navigation;	?></h1>
<?php

	include_once('sites/inhalt.php'); 

?>
	</div>
	<div id="unten">
		<img id="imguntenindex" />			
		<p id="webmaster">Webdesign by <a href="mailto:[email protected]">Jonas Eichenberger</a></p>
	</div>
	[COLOR="red"]<div class="clearer">
		&nbsp;</div>[/COLOR]
</div>

 

[wapplegraph]

Merci

Dies hat mir sehr geholfen.