Menü und Text sollen gleich hoch sein

Zimtgruen

Zimtgruen

Erfahrenes Mitglied
Guten Abend,

habe hier gerade ein kleines Problem mit dem Layout: hier zu sehen
Ich hätte gerne, dass sich der jeweils kürzere Div immer an den längeren in der Höhe anpasst.
Wie mache ich das?

Ausschnitt aus style.css
HTML: 
#container
	{
		margin: 1em auto;
		width: 100%;
		background-color:#ffffff;
		border: 0px solid black;
		text-align:center;

	}
	
	#header
	{
		height: 50px;
		width: 100%;
		z-index: 2;
	}
	
	#nav1
	{
		height: 30px;
		width: 100%;
		background-color:#ffffff;
		margin-top:-35px;
		z-index: 2;
		border-top: 1px solid #82545b;
	}
	
	#nav1-1
	{
		height: 30px;
		width: 70%;
		margin-left:25%;
		margin-top:0px;
		z-index: 2;
		
	}

	
	#nav1line
	{
		height: 5px;
		width: 100%;
		background-color:#82545b;
		margin-top:0px;
		z-index: 0;
	}
	
		#content
	{
		height: 100%;
		width: 100%;
		margin-top: +18px;
		z-index: 2;
	}
	
	#nav2
	{
		
		height: 445px;
		width: 28%;
		
		margin-top:0px;
		float: left;
		top: 0px;
		bottom: 5px;
		border-right: 3px solid #dcd5d6;
		border-bottom: 3px solid #dcd5d6;
		z-index: 2;

	}
	
	#text1
	{
		height: 100%;
		width: 71%;
		
		margin-top:0px;
		float:right;
		top: 0px;
		bottom: 5px;
		border-left: 3px solid #dcd5d6;
		
		border-bottom: 3px solid #dcd5d6;
		z-index: 0;
		font-family:verdana;
		font-size:11px !important;
	}
	
	#text2
	{

		width: 98%;
		

		text-align:justify;
		font-family:verdana;
		font-size:11px !important;
	}
	
	#footer
	{
		height: 25px;
		width: 100%;
		margin-top: 8px;
		background-color: #ffffff;
		border-bottom: 2px solid #947277;
		clear: both;
		text-align: right;
		font-family:verdana;
		font-size:11px !important;
		line-height:60%;
	}

Ausschnitt aus vita.html
HTML: 
<body style="text-align:center;">

<div id="container">

	
	
		<div id="header" style="z-index: 2;">
			<div id="titel"><a href="index3.html"><img class="oben" src="titel1.png" border="0"></a> <img class="oben" src="titel2.png" border="0"><img src="logo.png" border="0">
				<div id="nav1"><div id="nav1-1"><ul id="topnav">
					<li class="platz"><a href="#">Profil</a></li>
					<li class="profil"><a href="vita.html">Profil</a></li>
					<li class="angebot"><a href="angebot.html">Angebot</a></li>
					<li class="kontakt"><a href="kontakt.html">Kontakt</a></li>
					</ul></div>
				</div>
				<div id="nav1line"></div>
			</div>
		</div>
		
		<div id="content">
				
			
				<div id="nav2">
					<ul id="leftnav">
					<li class="vita"><a href="vita.html">Vita</a></li>
					<li class="fotos"><a href="fotos.html">Fotos</a></li>
					<li class="berufliche-erfolge"><a href="berufliche-erfolge.html">Berufliche</a></li>
					<li class="visionen"><a href="visionen.html">Visionen</a></li>
					</ul>
				</div>
				
				<div id="text1">
				<p>&nbsp;</p>
				<div id="text2">
					<div><p class="titel">Kurzbiographie von Ks. Sibrand Basa, Tenor in Oper und Konzert,
Gesangpädagoge und Sprecherzieher</p></div>
					
					<img src="Fotos/zaide.png" border="0" style="float:right; width:350px; padding:8px;">
					<p style="padding:20px;">
KS. SIBRAND BASA wurde in Wuppertal geboren, wuchs in Berlin auf, studierte
zun&auml;chst Kirchenmusik in L&uuml;beck und anschließend Gesang bei Prof. Ute Niss und
Prof. Karl-Heinz Pinhammer. Als Stipendiat der Studienstiftung des Deutschen Volkes
.......erg&auml;nzendes Studium der &bdquo;Speech
Communication and Rhetorik&ldquo; (Sprecherziehung univ.) an der Universit&auml;t Regensburg ab.</p>
					<p></p>
					
				</div>
				</div>
		</div>
		
	
		<div id="footer"><br><a href="impressum.html">Impressum</a> &nbsp;&nbsp;
		</div>
	



</div>


<!-- /container -->
</body>
</html>

Kann mir da jemand weiter helfen?

Dankeschön
Zimtgruen
 
uups sorry =)
Ich wusste, dass ich die seite schonmal hatte, aber ich wusste nicht mehr wo und woher =)

Hab aber trotzdem ein Problem.

Die Grafik wird nicht dargestellt in dem Div, ich weiß nicht wieso und warum. Der Pfad stimmt und im Div Container würde sie z.B. angezeigt werden, aber im Div Content irgendwie nicht.

HTML: 
		#content
	{
		
		width: 1000px;
		margin-top: +18px;
		margin-left: 0px;
		background: #ffffff url('grafik/background-content.png') repeat-y;
	}

HTML: 
<div id="content">
				
			
				<div id="nav2">
					<ul id="leftnav">
					<li class="vita"><a href="vita.html">Vita</a></li>
					<li class="fotos"><a href="fotos.html">Fotos</a></li>
					<li class="berufliche-erfolge"><a href="berufliche-erfolge.html">Berufliche</a></li>
					<li class="visionen"><a href="visionen.html">Visionen</a></li>
					</ul>
				</div>
				
				<div id="text1">
				<p>&nbsp;</p>
				<div id="text2">
					<div><p class="titel">Kurzbiographie von Ks. Sibrand Basa, Tenor in Oper und Konzert,
Gesangpädagoge und Sprecherzieher</p></div>
					
					<img src="Fotos/zaide.png" border="0" style="float:right; width:350px; padding:8px;">
					<p style="padding:20px;">
KS. SIBRAND BASA wurde in Wuppertal geboren, wuchs in Berlin auf, studierte

.......erg&auml;nzendes Studium der &bdquo;Speech
Communication and Rhetorik&ldquo; (Sprecherziehung univ.) an der Universit&auml;t Regensburg ab.</p>
					<p></p>
					
				</div>
				</div>
		</div>
 
ähm nein, die Grafik wird gar nicht dargestellt, selbst wenn die Höhe von #content sich nicht anpassen würde, ist die Grafik trotzdem nicht da. Der Hintergrund von Nav2, Text1 und text2 ist ja durchsichtig, man müsste die Grafik also sehen können. http://www.sibrandbasa.de/index3.html
 
Wenn du es mir nicht glaubst, dann versuch es doch einfach mal mit einer anderen Hintergrundfarbe anstelle von weiß :rolleyes:

mfg Maik
 
Ich hab dem Content auch schon eine rote Hintergrundfarbe gegeben, ist trotzdem weiß geblieben. Ganz blöd bin ich auch nicht =)
 
Und genau das sollte dir zu denken geben.

Glaubst du nicht, dass ich soviel Erfahrung besitze, um zu wissen, wovon ich hier spreche?!

mfg Maik
 
sorry...ich hatte nur das gleiche Problem mit den unterschiedlich langen divs schonmal und da hat es dann einfach geklappt, so wie ich das gemacht hab...egal....danke =)
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück