Avatar billede uhrskov Nybegynder
01. oktober 2006 - 15:00 Der er 2 kommentarer og
1 løsning

Table vil ikke ned

Hej Jeg har et problem med en tabel der ikke vil folde sige op så den kommer ned og rør bunden ?!

håber der er nogle der kan hjælpe mig

KODE:



<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>



<script>

function opacity(id, opacStart, opacEnd, millisec) {
//determines how fast it fades, test different speeds in millisec for a
//sets a variable for the speed and timer   
  var speed = Math.round(millisec / 100);
  var timer = 0;

//checks if opacity is high at starting and low at end so it can fade out
  if(opacStart > opacEnd) {
      //i = high end of opacity, repeat this if i is greater than or equal to the
      //lower end opacity, subtract one from the high opacity so the opacity
      //lowers
      for(i = opacStart; i >= opacEnd; i--) {
          //setimeout does a one function (changeOpac) automatically when
          //the speed you set (in milliseconds) is reached
          setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
          timer++;
      }
  //opposite of the above one
  } else if(opacStart < opacEnd) {
      for(i = opacStart; i <= opacEnd; i++)
          {
          setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
          timer++;
      }
  }
}

function changeOpac(opacity, id) {
//changes the opacity of the element
  var object = document.getElementById(id).style;
  object.opacity = (opacity / 100);
  object.MozOpacity = (opacity / 100);
  object.KhtmlOpacity = (opacity / 100);
  object.filter = "alpha(opacity=" + opacity + ")";
}

</script>



<link href="css/css.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
body {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    background-color: #000000;
}
-->
</style></head>

<body onload="parent.document.getElementById('main').style.height=((document.body.scrollHeight)?document.body.scrollHeight:document.body.offsetHeight)+'px'">
<center>
<table width="600" height="100%" border="0" cellspacing="0" cellpadding="0">
  <tr valign="top">
    <td class="stelv" width="10" height="185"></td>
    <td>
    <table width="580" height="185" border="0" cellspacing="0" cellpadding="0">
  <tr  height="185">
    <td class="banner1" width="202"><img src="gif/banner/images/1.gif" width="202" height="185" id="banner" style="filter:alpha(opacity=30); -moz-opacity:0.3" onmouseover="opacity('banner', 30, 100, 500)" onmouseout="opacity('banner', 100, 30, 500)"></td>
    <td class="banner2" width="378"></td>
  </tr>
</table>

   
    </td>
   
   
    <td width="10" class="stelh" height="185"></td>
  </tr>
  <tr>
    <td class="stelv" width="10" height="37"> </td>
    <td valign="top" height="37">
   
   
   
   
    <table width="580" height="37" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td  class="bg1" width="61"> <img src="gif/menu/reed/red_03.gif" width="61" height="37" id="thepicman" style="filter:alpha(opacity=30); -moz-opacity:0.3" onmouseover="opacity('thepicman', 30, 100, 500)" onmouseout="opacity('thepicman', 100, 30, 500)"></td>
   
   
    <td  width="41" class="bg2"></td>
   
   
    <td width="59" class="bg3"><img src="gif/menu/reed/red_05.gif" width="59" height="37" id="thepicman2" style="filter:alpha(opacity=30); -moz-opacity:0.3" onmouseover="opacity('thepicman2', 30, 100, 500)" onmouseout="opacity('thepicman2', 100, 30, 500)"></td>
   
   
   
    <td width="32" class="bg4"></td>
   
   
    <td width="87" class="bg5"><img src="gif/menu/reed/red_07.gif" width="87" height="37" id="thepicman3" style="filter:alpha(opacity=30); -moz-opacity:0.3" onmouseover="opacity('thepicman3', 30, 100, 500)" onmouseout="opacity('thepicman3', 100, 30, 500)"></td>
   
   
    <td width="50" class="bg6"></td>
   
   
    <td width="89" class="bg7"><img src="gif/menu/reed/red_09.gif" width="89" height="37" id="thepicman4" style="filter:alpha(opacity=30); -moz-opacity:0.3" onmouseover="opacity('thepicman4', 30, 100, 500)" onmouseout="opacity('thepicman4', 100, 30, 500)"></td>
   
   
    <td width="50" class="bg8"></td>
   
   
    <td width="79" class="bg9"><img src="gif/menu/reed/red_11.gif" width="79" height="37" id="thepicman5" style="filter:alpha(opacity=30); -moz-opacity:0.3" onmouseover="opacity('thepicman5', 30, 100, 500)" onmouseout="opacity('thepicman5', 100, 30, 500)"></td>
   
   
   
    <td width="32" class="bg10"></td>
  </tr>
</table>



</td>
    <td width="10" class="stelh" height="37"></td>
  </tr>
  <tr height="100%">
    <td class="stelv" width="10" height="100%"></td>
    <td height="100%" bgcolor="#D8EDEF"><p>KOM NU NED!!!</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
  </td>
    <td width="10" class="stelh" height="100%"></td>
  </tr>
</table>

</center>

</body>
</html>
Avatar billede bojohansen Nybegynder
01. oktober 2006 - 15:23 #1
Den hurtige løsning er at skifte dette :

<!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">

Ud med dette :

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">

Ellers findes der andre løsninger som du kan læse masser af her :

http://www.google.com/search?hs=5XL&hl=da&client=firefox-a&rls=org.mozilla%3Ada%3Aofficial&q=100%25+tables+html&btnG=S%C3%B8g&lr=
Avatar billede uhrskov Nybegynder
01. oktober 2006 - 15:36 #2
tak for det !det virker... kan du ikke lige svare så kan jeg gi point
Avatar billede bojohansen Nybegynder
01. oktober 2006 - 15:55 #3
Jo værsegod :-)
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