Avatar billede 1005 Nybegynder
26. april 2004 - 11:03 Der er 2 kommentarer og
3 løsninger

hvordan sættes denne height til 100%

nedenstående id bruger jeg til at rumme min menu - jeg har givet den height 100% og forventede at den strakte sig ud i hele skærmen - men det virker som om den tilpasser sig indholdet, dvs den fylder maksimalt af hvad der er behov for.. men jeg ønsker at den skal strække sig fra top til bund af skærmen uanset noget som helst hvorda sætter jeg dette?

#navBar{
    margin: 0 80% 0 0;
    padding: 0px;
    background-color: #6699CC;
    height: 100%;
    letter-spacing: 1px;
}
Avatar billede karsten_larsen Praktikant
26. april 2004 - 17:55 #1
Du kan lege lidt med dette.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>

<head>
<style type="text/css">
<!--
html {
  height: 100%;
}
body {
  height: 100%
}
table {
  height: 100%;
}
#navBar{
    margin: 0 80% 0 0;
    padding: 0px;
    background-color: #6699CC;
    height: 90%;
    letter-spacing: 1px;
}
-->
</style>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
</head>
<body>
<div id="navBar">tekst</div>

</body>
Avatar billede 1005 Nybegynder
27. april 2004 - 07:32 #2
jeg har prøvet lidt af hvert - men uanset hvad jeg gør skal jeg scrolle - selv om der ikke er nogt at scrolle efter.
jeg har en div top width=100%, jeg har min divnavbar og en div content.
jeg ønsker at min divnavbar altid fylder hele skærmen ud, min content skal kun  rumme enkle ting - der er dog en litteratur liste placeret i content - når jeg scroller her stopper min divnavbar selvom den står til height 100% og jeg scroller uden divnavbar - divnavbar er i en farve og divcontent er uden, bg er hvid og min topdiv rummer et bg billede ganske enkelt burde det være - håber du forstår
Avatar billede karsten_larsen Praktikant
27. april 2004 - 09:15 #3
Sæt f.eks. 90 %

body {
  height: 90%
}

og ændre height i #navBar til 105 %

Så får du ingen scroll. Men du er nødtil at lege lidt med det.

Her er ovenstående sat ind.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>

<head>
<style type="text/css">
<!--
html {
  height: 100%;
}
body {
  height: 90%
}
table {
  height: 100%;
}
#navBar{
    margin: 0 80% 0 0;
    padding: 0px;
    background-color: #6699CC;
    height: 105%;
    letter-spacing: 1px;
}
-->
</style>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
</head>
<body>
<div id="navBar">tekst<br />
<br />
<br />
Mere tekst</div>

</body>
Avatar billede 1005 Nybegynder
27. april 2004 - 10:09 #4
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>
Avatar billede 1005 Nybegynder
04. maj 2004 - 11:26 #5
tak for dine forslag
ja det er ikke lykkedes mig at lege mig frem til et resultat
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Kurser inden for grundlæggende programmering

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester