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;
}

Meer tonen

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>

Meer tonen

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;
}

Meer tonen

baldex

srry voor de laate reactie zet dit eens er in

overflow: hidden;

ICTscripters

Dé plek voor IT

Dé plek voor IT

Externe testers gezocht — Saphaxis AI Chat Organizer 0.1.59

nieuwe game

Criminolz

[Beta] Ottomaan: gratis browserspel met een echte, levende stad. Feedback gezocht!

Port Father: beta van een browsergame in Antwerpen 1931, feedback welkom

Maffia Hotel: een browsergame waarin je van lobbygast naar spil van het hotel groeit

Crime Club volledig herschreven vanaf nul

Malavita (nieuwe maffia game, van 0)

[Aanbod] Stadskaart voor je browsergame: van menu naar klikbare stad, vanaf €200

[Verkoop] G4G (Gangsters 4 Gangsters): volledige broncode, nieuw gebouwd in PHP 8.3 | € 30 per domein

[TE KOOP] Malavita.be [Maffiaspel, gebaseerd op omicidio.nl, unieke code]

Probleem meelopen menu

Registratie

PHP waarschuwt voor twee ernstige bugs die makkelijk uit te buiten lijken

Functioneel ontwerp

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

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