1. Diese Seite verwendet Cookies. Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies. Weitere Informationen

Warum hat diese Höhe keinen Einfluss

Dieses Thema im Forum "Web-Programmierung" wurde erstellt von wapplegraph, 17.02.07.

  1. wapplegraph

    wapplegraph Normande

    Dabei seit:
    12.04.06
    Beiträge:
    571
    Hallo
    ich habe in einem div ein zweites div mit einer Höhe, doch diese Höhe hat keinen Einfluss aufs äussere div?

    Code:
    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;
    
    }
    
    Code:
    <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:info@pro-linden.ch" >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:wapplegraph@gmail.com">Jonas Eichenberger</a></p>
    			
    		</div>
    
    </div>
    
     
  2. dpetri

    dpetri Grahams Jubiläumsapfel

    Dabei seit:
    30.08.05
    Beiträge:
    104
    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.
     
  3. wapplegraph

    wapplegraph Normande

    Dabei seit:
    12.04.06
    Beiträge:
    571
    Ja es ist eben so, das aussen div sollte Mindesten eine Höhe von 800px habe. Wie kann ich dann dieses Problem lösen?
     
  4. 486er

    486er Transparent von Croncels

    Dabei seit:
    09.11.06
    Beiträge:
    315
    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.
     
  5. pepi

    pepi Cellini

    Dabei seit:
    03.09.05
    Beiträge:
    8.741
    min-height:Wert; hilft vielleicht. Der Rest steht auf selfhtml in der CSS Kurzreferenz.
    Gruß Pepi
     
  6. Hilarious

    Hilarious Gelbe Schleswiger Reinette

    Dabei seit:
    10.08.05
    Beiträge:
    1.759
    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«:
    Code:
    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]
    Code:
    <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:info@pro-linden.ch" >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:wapplegraph@gmail.com">Jonas Eichenberger</a></p>
    	</div>
    	[COLOR="red"]<div class="clearer">
    		&nbsp;</div>[/COLOR]
    </div>
    
     
  7. wapplegraph

    wapplegraph Normande

    Dabei seit:
    12.04.06
    Beiträge:
    571
    Merci

    Dies hat mir sehr geholfen.
     

Diese Seite empfehlen