Probleem meelopen menu

tcbhome

Hallo,

ik heb men layout laten slicen maar probleem is nu als de content hooger is dan het menu loopt het menu gedeelte niet mee

voorbeeld:

Het bestand .css

PHP

div#content{
	width: 1225px;
	min-height: 100%;
	height: 0 auto;
	margin-left: 28px;
	background-color: #adadad;
	background-repeat: no-repeat;
	border-left: 10px #595959 solid;
	border-right: 9px #595959 solid;
}


div.nav{
	min-height: 1000px;
	height: 0 auto;
}


div#nav_left{
	float: left;
	width:225px;
	height: 0 auto;
	border-right: 1px #888 solid;
	background: url('../images/nav_left_bg.png') repeat-y;
}


div#nav_right{
	float: right;
	width: 226px;
	height: 0 auto;
	border-left: 1px #888 solid;
	background: url('../images/nav_right_bg.png') repeat-y;
}

Toon Meer

Dit heb ik al veranderd naar:

PHP

height: 0 auto; 
/* naar */
height: 100%;

Maar dit lukt dus niet wie kan me hier mee helpen ?

Mvg

baldex

kan je het stukje van het menu posten want zo zie ik het niet (a)

tcbhome

Citaat van baldex

kan je het stukje van het menu posten want zo zie ik het niet (a)

Bedoel je de CSS of html ?

De css staat er van het menu zal effe van html posten:

PHP

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC 
  "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  <head>
    <link rel="stylesheet" type="text/css" href="styles.css">
	<title>Layout001</title>
  </head>
  <body>
	<div id="container">
		<div id="slowchat">
			<p>
				<strong>Lorem:</strong> ipsum dolor sit amet, consectetur 
				<br /><br />
				<strong>amet:</strong> consectetur adipiscing elit. 
				<br /><br />
				<strong>vitae:</strong> faucibus metus. Mauris pretium, 
				<br /><br />
				<strong>semper:</strong> urna quam gravida quam, in 
			</p>
		</div>
		<div id="logo"></div>
		<div id="content_border_top"></div>
		<div id="content">
			<div class="nav" id="nav_left">
				<div class="nav_box">
					<div class="nav_left_header"><span class="nav_header">Index</span></div>
					<ul>
						<li>- index</li>
						<li>- crew</li>
						<li>- leden lijst</li>
						<li>- leden online</li>
						<li>- leden zoeken</li>
						<li>- gesneuvelde leden</li>
						<li>- regels & voorwaarden</li>
					</ul>
				</div>
				<div class="nav_box">
					<div class="nav_left_header"><span class="nav_header">Index</span></div>
					<ul>
						<li>- index</li>
						<li>- crew</li>
						<li>- leden lijst</li>
						<li>- leden online</li>
						<li>- leden zoeken</li>
						<li>- gesneuvelde leden</li>
						<li>- regels & voorwaarden</li>
					</ul>
				</div>
				<div class="nav_box">
					<div class="nav_left_header"><span class="nav_header">Index</span></div>
					<ul>
						<li>- index</li>
						<li>- crew</li>
						<li>- leden lijst</li>
						<li>- leden online</li>
						<li>- leden zoeken</li>
						<li>- gesneuvelde leden</li>
						<li>- regels & voorwaarden</li>
					</ul>
				</div>
			</div>
			<div class="content_box">
				<div class="content_header"><span>News</span></div>
				<p>
					Gepost door @ <strong>tcbhome</strong> op 12/04/2010 om 07:35
				</P>
				<p>
					Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
					Praesent egestas lobortis laoreet. Lorem ipsum dolor sit 
					amet, consectetur adipiscing elit. Duis eu odio ipsum, 
					vitae faucibus metus. Mauris pretium, urna eu viverra 
					semper, urna quam gravida quam, in rhoncus orci tortor eu 
					ipsum. Aliquam erat volutpat. Fusce laoreet, nisl quis 
					viverra laoreet, est mi hendrerit enim, vulputate molestie 
					velit risus at felis. Duis sit amet elit arcu. Morbi luctus 
					hendrerit purus ut pellentesque. Ut a imperdiet dolor. In 
					hac habitasse platea dictumst. Sed sit amet nisl sit amet 
					nunc volutpat aliquet. 
				</p>
			</div>
			<div class="nav" id="nav_right">
				<div class="nav_box">
					<div class="nav_right_header"><span class="nav_header">Welkom <span style="color: red;">tcbhome</span></span></div>
					<div id="stats">
						<table>
							<tr>
								<td><img src="images/ico1.png" alt="ico" /></td>
								<td><strong>Cash:</strong> ?1.245.000</td>
							</tr>
							<tr>
								<td><img src="images/ico2.png" alt="ico" /></td>
								<td><strong>Bank:</strong> ?150.451.123.444</td>
							</tr>
							<tr>
								<td><img src="images/ico3.png" alt="ico" /></td>
								<td><strong>101</strong> Call Credits</td>
							</tr>
							<tr>
								<td><img src="images/ico4.png" alt="ico" /></td>
								<td><strong>7</strong> Nieuwe berichten.</td>
							</tr>
							<tr>
								<td><img src="images/ico5.png" alt="ico" /></td>
								<td>Server tijd: <strong>07:41:21</strong></td>
							</tr>
						</table> 
					</div>
				</div>
				<div class="nav_box">
					<div class="nav_right_header"><span class="nav_header">Index</span></div>
					<ul>
						<li>- index</li>
						<li>- crew</li>
						<li>- leden lijst</li>
						<li>- leden online</li>
						<li>- leden zoeken</li>
						<li>- gesneuvelde leden</li>
						<li>- regels & voorwaarden</li>
					</ul>
				</div>
				<div class="nav_box">
					<div class="nav_right_header"><span class="nav_header">Index</span></div>
					<ul>
						<li>- index</li>
						<li>- crew</li>
						<li>- leden lijst</li>
						<li>- leden online</li>
						<li>- leden zoeken</li>
						<li>- gesneuvelde leden</li>
						<li>- regels & voorwaarden</li>
					</ul>
				</div>
			</div>
			<div class="clear"></div>
		</div>
		<div id="content_border_bottom"></div>
		<div id="footer">
			<div id="footer_news">
				<h2>Laatste Nieuws</h2>
				<p>12/04/2010 Nieuwe layout online | gepost door <strong>tcbhome</strong></p>
				<p>12/04/2010 Nieuwe layout online | gepost door <strong>tcbhome</strong></p>
				<p>12/04/2010 Nieuwe layout online | gepost door <strong>tcbhome</strong></p>
				<p>12/04/2010 Nieuwe layout online | gepost door <strong>tcbhome</strong></p>
			</div>
			<div id="footer_forum">
				<h2>Laatste Nieuws</h2>
				<p>12/04/2010 Nieuwe layout online | gepost door <strong>tcbhome</strong></p>
				<p>12/04/2010 Nieuwe layout online | gepost door <strong>tcbhome</strong></p>
				<p>12/04/2010 Nieuwe layout online | gepost door <strong>tcbhome</strong></p>
				<p>12/04/2010 Nieuwe layout online | gepost door <strong>tcbhome</strong></p>
			</div>
			<div id="footer_copyright"><strong>Copyright</strong> The Dominators.net</div>
		</div>
	</div>
  </body>
</html>

Toon Meer

baldex

tcbhome mijn fout bedoelde de css van de menu was vergeten dat er bij te zeten (a)

tcbhome

Oke :p

PHP

html {
	height: 100%;
}


body {
	height: 100%;
	background: #cfcfcf;
	font-family: verdana;
	font-size: 84.5%;
}
#container{
	position: relative;
	width: 1300px;
	min-height: 100%;
	margin: 0 auto; /*weg halen om de site links te zetten i.p.v. midden*/
	background: url('../images/header_bg.png') no-repeat;
}


div#content{
	width: 1225px;
	min-height: 100%;
	height: 0 auto;
	margin-left: 28px;
	background-color: #adadad;
	background-repeat: no-repeat;
	border-left: 10px #595959 solid;
	border-right: 9px #595959 solid;
}


div#content_border_top {
	background: url('../images/content_border_top.png') no-repeat;
	height: 17px;
	margin-left: 28px;
}


div#content_border_bottom {
	background: url('../images/content_border_bottom.png') no-repeat;
	height: 19px;
	margin-left: 28px;
	padding-bottom: 215px;
}


div.nav{
	min-height: 1000px;
	height: 0 auto;
}


div#nav_left{
	float: left;
	width:225px;
	height: 0 auto;
	border-right: 1px #888 solid;
	background: url('../images/nav_left_bg.png') repeat-y;
}


div#nav_right{
	float: right;
	width: 226px;
	height: 0 auto;
	border-left: 1px #888 solid;
	background: url('../images/nav_right_bg.png') repeat-y;
}


div.nav_box {
	width: 224px;
	margin-left: 10px;
	background: url('../images/nav_left_item_bg.png') repeat-y;
	font-size: 85%;
}




div.nav_box ul li{
	display: block;
	width: 200px;
	border-top: 1px #fff solid;
	border-bottom: 1px #d1d1d1 solid;
	padding: 5px 0 5px 5px;
	text-transform: capitalize;
}

Toon Meer

baldex

srry voor de laate reactie zet dit eens er in

overflow: hidden;

ICTscripters

Dé plek voor IT

Dé plek voor IT

Beta-testers gezocht voor Crypto-oefenplatform

Na 15 jaar terug van weggeweest: iCriminals.nl is terug (BETA)!

Developer Gezocht

Op zoek naar de legends

[FREE] WeFact Hosting module

Help testers nodig voor android app Urgent

Versio vervanger

Afspraken systeem met planbeperking

321 Nieuwe Domeinnamen December 2025

Meerdere mafia game template te koop

Van een pixelige afbeelding naar een strakke, moderne website

Probleem meelopen menu

Participate now!

Fijne feestdagen

Kritieke update voor Really Simple Security-plug-in

ING Nederland streeft naar ondersteuning van Google Pay tegen eind februari

Functioneel ontwerp

Access Control List implementatie in PHP/MySQL - deel 1/2

Access Control List implementatie in PHP/MySQL - deel 2/2