Probleem meelopen menu

tcbhome · 15 April 2010

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 · 15 April 2010

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

tcbhome · 15 April 2010

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 · 15 April 2010

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

tcbhome · 15 April 2010

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 · 16 April 2010

srry voor de laate reactie zet dit eens er in

overflow: hidden;

een eigen cloud sever

DNS update Directadmin

Graag advies voor mijn website

Ik wil op afstand studeren, kennen jullie Tech?

PC probleem

Let op Vimexx klanten

wie kan mij helpen met Security aanscherpen voor nmijn website

Ik ben op zoek naar een goede hosting

Dating software

250 Nieuwe domeinnamen April 2024

Xenforo buckaroo plugin

Probleem meelopen menu

Participate now!

ING Nederland streeft naar ondersteuning van Google Pay tegen eind februari

Het Belang van Standaardisatie

De Revolutionaire Rol van IT in Alzheimeronderzoek

Functioneel ontwerp

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

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

Delen