uanset hvad jeg gør kan jeg ikke få det til at virke:
se mit eksempel på at min navbar stopper når jeg scroller ned af til bunde af teksten.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"
http://www.w3.org/TR/html4/loose.dtd"><html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Litteratur</title>
<style type="text/css">
body {
height: 100%;
margin: 0px;
padding: 0px;
}
a:link, a:visited, a:hover {
color: #006699;
text-decoration: none;
}
a:hover {
text-decoration: none;
}
#masthead{
margin: 0;
padding: 0px;
width: 100%;
}
#navBar{
padding: 0px;
background-color: #6699CC;
height: 100%;
letter-spacing: 1px;
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
margin-right: 75%;
}
.menutitle{
cursor:pointer;
margin-bottom: 4px;
padding:2px;
text-align:left;
font-weight:bold;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
margin-left: 8px;
color: #006699;
margin-top: 0px;
margin-right: 0px;
}
.submenu{
margin-bottom: 0.5em;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
padding-left: 0.5em;
background-color: #DDDDDD;
color: #FFFFFF;
}
#content{
float: right;
width: 70%;
margin: 0;
padding: 0 0% 0 0;
background-color: #FFFFFF;
float: right;
}
.feature{
padding: 8px 0px 0px 10px;
font-size: 75%;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
width: 75%;
}
.feature h3{
padding: 10px 0px 4px;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
color: #4E5B61;
}
.feature h4{
padding: 10px 0px 4px;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
color: #4E5B61;
}
.feature h5{
padding: 10px 0px 4px;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
color: #4E5B61;
}
.feature img{
float: left;
padding: 0px 10px 0px 0px;
margin: 0 5px 5px 0;
}
.featurepdf{
padding: 8px 0px 8px 8px;
font-size: 65%;
text-align: left;
background-color: #FFE082;
color: #333333;
width: 75%;
margin-left: 8px;
margin-bottom: 8px;
font-family: Arial, Helvetica, sans-serif;
margin-top: 8px;
margin-right: 0px;
}
</style>
<script type="text/javascript">
/***********************************************
* Switch Menu script- by Martial B of
http://getElementById.com/* Modified by Dynamic Drive for format & NS4/IE4 compatibility
* Visit
http://www.dynamicdrive.com/ for full source code
***********************************************/
if (document.getElementById){ //DynamicDrive.com change
document.write('<style type="text/css">\n')
document.write('.submenu{display: none;}\n')
document.write('</style>\n')
}
function SwitchMenu(obj){
if(document.getElementById){
var el = document.getElementById(obj);
var ar = document.getElementById("navBar").getElementsByTagName("span"); //DynamicDrive.com change
if(el.style.display != "block"){ //DynamicDrive.com change
for (var i=0; i<ar.length; i++){
if (ar[i].className=="submenu") //DynamicDrive.com change
ar[i].style.display = "none";
}
el.style.display = "block";
}else{
el.style.display = "none";
}
}
}
</script>
</head>
<body>
<div id="masthead"><img src="pic/Untitled-1.gif" width="1024" height="64"></div>
<div id="content">
<div class="feature">
<h3>xxxxx</h3>
<h5>xxxxx</h5>
aklalahlhddohdjdjj hdhdhldhdh hdlh dlhlhldhlddoiodd ioihodododo oihohddd ioihdoo , Jens aklalahlhddohdjdjj hdhdhldhdh hdlh dlhlhldhlddoiodd ioihodododo oihohddd ioihdoo idh and Application of the aklalahlhddohdjdjj hdhdhldhdh hdlh dlhlhldhlddoiodd ioihodododo oihohddd ioihdoo idh Method, aklalahlhddohdjdjj hdhdhldhdh hdlh dlhlhldhlddoiodd ioihodododo oihohddd ioihdoo idh , aklalahlhddohdjdjj hdhdhldhdh hdlh dlhlhldhlddoiodd ioihodododo oihohddd ioihdoo idh hdlh dlhlhldhlddoiodd ioihodododo oihohddd ioihdoo id, aklalahlhddohdjdjj hdhdhldhdh hdlh dlhlhldhlddoiodd ioihodododo oihohddd ioihdoo idh 2001. aklalahlhddohdjdjj hdhdhldhdh hdlh dlhlhldhlddoiodd ioihodododo oihohddd ioihdoo idh hdhdhldhdh hdlh dlhlhldhlddoiodd ioihodododo aklalahlhddohdjdjj hdhdhldhdh hdlh dlhlhldhlddoiodd ioihodododo oihohddd ioihdoo idh ioihdoo idh aklalahlhddohdjdjj hdhdhldhdh hdlh dlhlhldhlddoiodd ioihodododo oihohddd ioihdoo idh af aklalahlhddohdjdjj hdhdhldhdh hdlh dlhlhldhlddoiodd ioihodododo oihohddd ioihdoo idh.aklalahlhddohdjdjj hdhdhldhdh hdlh dlhlhldhlddoiodd ioihodododo oihohddd ioihdoo idh. aklalahlhddohdjdjj hdhdhldhdh hdlh dlhlhldhlddoiodd aklalahlhddohdjdjj hdhdhldhdh hdlh dlhlhldhlddoiodd ioihodododo oihohddd ioihdoo idh oihohddd ioihdoo idh fra aklalahlhddohdjdjj hdhdhldhdh hdlh dlhlhldhlddoiodd ioihodododo oihohddd ioihdoo idh aklalahlhddohdjdjj hdhdhldhdh hdlh dlhlhldhlddoiodd ioihodododo oihohddd ioihdoo idh, aklalahlhddohdjdjj hdhdhldhdh hdlh dlhlhldhlddoiodd ioihodododo oihohddd ioihdoo idh aklalahlhddohdjdjj hdhdhldhdh hdlh dlhlhldhlddoiodd ioihodododo oihohddd ioihdoo idh aklalahlhddohdjdjj hdhdhldhdh hdlh dlhlhldhlddoiodd aklalahlhddohdjdjj hdhdhldhdh hdlh dlhlhldhlddoiodd ioihodododo oihohddd ioihdoo idh oihohddd ioihdoo idh, aklalahlhddohdjdjj hdhdhldhdh hdlh dlhlhldhlddoiodd ioihodododo oihohddd ioihdoo idh.
aklalahlhddohdjdjj hdhdhldhdh hdlh dlhlhldhlddoiodd ioihodododo oihohddd ioihdoo idh hdhdhldhdh hdlh dlhlhldhlddoiodd ioihodododo oihohddd ioihdoo idh
<p>aklalahlhddohdjdjj hdhdhldhdh hdlh dlhlhldhlddoiodd ioihodododo oihohddd ioihdoo idhsen, aklalahlhddohdjdjj hdhdhldhdh hdlh dlhlhldhlddoiodd ioihodododo oihohddd ioihdoo idh; aklalahlhddohdjdjj hdhdhldhdh hdlh dlhlhldhlddoiodd ioihodododo oihohddd aklalahlhddohdjdjj hdhdhldhdh hdlh dlhlhldhlddoiodd ioihodododo oihohddd ioihdoo idh idh, aklalahlhddohdjdjj hdhdhldhdh hdlh dlhlhldhlddoiodd ioihodododo oihohddd ioihdoo idh-aklalahlhddohdjdjj hdhdhldhdh hdlh dlhlhldhlddoiodd ioihodododo oihohddd ioihdoo idh aklalahlhddohdjdjj hdhdhldhdh hdlh dlhlhldhlddoiodd ioihodododo oihohddd ioihdoo idh hdlh dlhlhldhlddoiodd ioihodododo oihohddd ioihdoo idh: Kort aklalahlhddohdjdjj hdhdhldhdh hdlh dlhlhldhlddoiodd ioihodododo oihohddd ioihdoo idh i aklalahlhddohdjdjj hdhdhldhdh hdlh dlhlhldhlddoiodd ioihodododo oihohddd ioihdoo idh hdhdhldhdh hdlh dlhlhldhlddoiodd ioihodododo oihohddd ioihdoo idh, aklalahlhddohdjdjj hdhdhldhdh hdlh dlhlhldhlddoiodd ioihodododo oihohddd ioihdoo idh aklalahlhddohdjdjj hdhdhldhdh hdlh dlhlhldhlddoiodd ioihodododo oihohddd ioihdoo idh, aklalahlhddohdjdjj hdhdhldhdh hdlh dlhlhldhlddoiodd ioihodododo oihohddd ioihdoo idh aklalahlhddohdjdjj hdhdhldhdh hdlh dlhlhldhlddoiodd ioihodododo oihohddd ioihdoo idh. Intern publikation. </p>
<p>aklalahlhddohdjdjj hdhdhldhdh hdlh dlhlhldhlddoiodd ioihodododo oihohddd ioihdoo idhne mod aklalahlhddohdjdjj hdhdhldhdh hdlh ioihodododo oihohddd ioihdoo idh - ved og aklalahlhddohdjdjj hdhdhldhdh hdlh dlhlhldhlddoiodd ioihodododo oihohddd ioihdoo idh., aklalahlhddohdjdjj hdhdhldhdh hdlh dlhlhldhlddoiodd ioihodododo oihohddd ioihdoo idh , . er en : aklalahlhddohdjdjj aklalahlhddohdjdjj hdhdhldhdh hdlh dlhlhldhlddoiodd ioihodododo oihohddd ioihdoo idh dlhlhldhlddoiodd ioihodododo oihohddd ioihdoo idh af aklalahlhddohdjdjj hdhdhldhdh hdlh dlhlhldhlddoiodd ioihodododo oihohddd ioihdoo idh</p>
<h5>xxxxxxxxxxxxxxxxxxx</h5>
<p>dlhlhldhlddoiodd ioihodododo oihohddd ioihdoo idh, aklalahlhddohdjdjj hdhdhldhdh hdlh dlhlhldhlddoiodd ioihodododo oihohddd ioihdoo idh aklalahlhddohdjdjj hdhdhldhdh hdlh dlhlhldhlddoiodd ioihodododo oihohddd ioihdoo idh. Intern publikation. </p>
<p>aklalahlhddohdjdjj hdhdhldhdh hdlh dlhlhldhlddoiodd ioihodododo oihohddd ioihdoo idhne mod aklalahlhddohdjdjj hdhdhldhdh hdlh ioihodododo oihohddd ioihdoo idh - ved og aklalahlhddohdjdjj hdhdhldhdh hdlh dlhlhldhlddoiodd ioihodododo oihohddd ioihdoo idh., aklalahlhddohdjdjj hdhdhldhdh hdlh dlhlhldhlddoiodd ioihodododo oihohddd ioihdoo idh , . er en : aklalahlhddohdjdjj aklalahlhddohdjdjj hdhdhldhdh hdlh dlhlhldhlddoiodd ioihodododo oihohddd ioihdoo idh dlhlhldhlddoiodd ioihodododo oihohddd ioihdoo idh af aklalahlhddohdjdjj hdhdhldhdh hdlh dlhlhldhlddoiodd ioihodododo oihohddd ioihdoo idh</p>
<h5>sssssssss ddddddd </h5>
<p>dlhlhldhlddoiodd ioihodododo oihohddd ioihdoo idh, aklalahlhddohdjdjj hdhdhldhdh hdlh dlhlhldhlddoiodd ioihodododo oihohddd ioihdoo idh aklalahlhddohdjdjj hdhdhldhdh hdlh dlhlhldhlddoiodd ioihodododo oihohddd ioihdoo idh. Intern publikation. </p>
<p>aklalahlhddohdjdjj hdhdhldhdh hdlh dlhlhldhlddoiodd ioihodododo oihohddd ioihdoo idhne mod aklalahlhddohdjdjj hdhdhldhdh hdlh ioihodododo oihohddd ioihdoo idh - ved og aklalahlhddohdjdjj hdhdhldhdh hdlh dlhlhldhlddoiodd ioihodododo oihohddd ioihdoo idh., aklalahlhddohdjdjj hdhdhldhdh hdlh dlhlhldhlddoiodd ioihodododo oihohddd ioihdoo idh , . er en : aklalahlhddohdjdjj aklalahlhddohdjdjj hdhdhldhdh hdlh dlhlhldhlddoiodd ioihodododo oihohddd ioihdoo idh dlhlhldhlddoiodd ioihodododo oihohddd ioihdoo idh af aklalahlhddohdjdjj hdhdhldhdh hdlh dlhlhldhlddoiodd ioihodododo oihohddd ioihdoo idh</p>
</div>
<div class="featurepdf"> <a href="#">xxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxv vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvnnnnnnnnnnn </a><a href="
http://www.adobe.dk/products/acrobat/readstep2.html" target="_blank">.</a></div>
</div>
<!-- Keep all menus within navdiv-->
<div id="navBar">
<div class="menutitle"onclick="SwitchMenu('sub1')"><a href="xxxxx.htm">xxxxx</a></div>
<span class="submenu" id="sub1"></span>
<div class="menutitle" onclick="SwitchMenu('sub2')"><a href="xxxxx.htm">xxxxx xxxxx</a></div>
<span class="submenu" id="sub2"></span>
<div class="menutitle" onclick="SwitchMenu('sub3')"><a href="xxxxx.htm">xxxxx xxxxx</a></div>
<span class="submenu" id="sub3"></span>
<div class="menutitle" onclick="SwitchMenu('sub4')">De xxxxx xxxxx</div>
<span class="submenu" id="sub4"><a href="xxxxx.htm"> - xxxxx xxxxx</a><br>
<a href="xxxxx.htm">- xxxxx</a><br>
</span>
<div class="menutitle" onclick="SwitchMenu('sub5')"><a href="xxxxx.htm">xxxxx xxxxx </a></div>
<span class="submenu" id="sub5"></span>
<div class="menutitle" onclick="SwitchMenu('sub6')">xxxxx</div>
<span class="submenu" id="sub6"><a href="xxxxx.htm"> - xxxxx xxxxx</a><br>
<a href="xxxxx.htm">- xxxxx xxxxx</a><br>
</span>
<div class="menutitle" onclick="SwitchMenu('sub7')"><a href="xxxxx.htm">xxxxx xxxxx xxxxx</a> </div>
<span class="submenu" id="sub7"></span>
<div class="menutitle" onclick="SwitchMenu('sub8')"><a href="xxxxx.htm">xxxxx</a></div>
<span class="submenu" id="sub8"></span>
<div class="menutitle" onclick="SwitchMenu('sub9')"><a href="xxxxx.htm">xxxxx</a></div>
<span class="submenu" id="sub9"></span>
<div class="menutitle" onclick="SwitchMenu('sub10')"><a href="xxxxx.htm">xxxxx xxxxx</a></div>
<span class="submenu" id="sub10"></span>
<div class="menutitle" onclick="SwitchMenu('sub11')"><a href="xxxxx.htm">xxxxx</a></div>
<span class="submenu" id="sub11"></span>
<div class="menutitle" onclick="SwitchMenu('sub12')">xxxxx</div>
<span class="submenu" id="sub12"><a href="
http://xxxxx.xxxxx.dk/" target="_blank"> - xxxxx xxxxx.</a><br>
<a href="
http://www.xxxxx.xxxxx/" target="_blank"> - xxxxx</a></span></div>
</body>
</html>