Avatar billede tzag_dk Nybegynder
31. august 2004 - 11:15 Der er 13 kommentarer og
1 løsning

table height = 100%?

Hej

Jeg har en table som jeg ikke kan få til at være 100%...

<table border="0" cellpadding="0" cellspacing="0" style="width:106;height:100%">
  <tr>
    <td background="images_/left_12.jpg" style="width:106;height:100%">test</td>
  </tr>
</table>

Syntes at jeg har forsøgt på alle mulige måder, men kan ikke få det til at virke.
Håber at der er nogle som der kan hjælpe.

På forhånd tak :o)
// Rene
Avatar billede Jman Praktikant
31. august 2004 - 11:22 #1
Hvor meget mangler du af de 100%?
Kan det skyldes margin på siden, eventuelt ? -Prøv at sætte denne ind:
<body style=margin:0;>
i stedet for
<body>
Avatar billede tzag_dk Nybegynder
31. august 2004 - 11:24 #2
Det virkede ikke :-(

Der er kun 1 linje, der hvor der er skrevet test.
Avatar billede fennec Nybegynder
31. august 2004 - 11:28 #3
Kan også være fordi du ikke har en størrelse på <body>. Prøv at sætte den til 100% også.

<body style="margin:0;height:100%;">
Avatar billede tzag_dk Nybegynder
31. august 2004 - 11:29 #4
Nej, heller ikke :o(
Syntes at det er underlig at det ikke vil virke.
Avatar billede dotcom1 Nybegynder
31. august 2004 - 11:32 #5
Prøv denne i <head> </head>:

<style type="text/css">
html,body{height:100%;margin:0px;padding:0px;}
</style>
Avatar billede Slettet bruger
31. august 2004 - 11:33 #6
Kom med hele sidens kode inkl doctype osv.
Avatar billede tzag_dk Nybegynder
31. august 2004 - 11:33 #7
Det er desværre også det samme :-(
Ingen forskel på det
Avatar billede tzag_dk Nybegynder
31. august 2004 - 11:37 #8
Okay... her er koden:



<html>
<head>
<title>lala.dk</title>
<LINK href="/css/style.css" type=text/css rel=stylesheet>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
  if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<style type="text/css">
html,body{height:100%;margin:0px;padding:0px;}
</style>
</head>
<body style="margin:0;height:100%;" background="/images_/bg_midt.jpg" onLoad="MM_preloadImages('images_/top_menu/hotornot.jpg','images_/top_menu/toplister.jpg','images_/top_menu/onlineliste.jpg','images_/top_menu/seek.jpg','images_/top_menu/chat.jpg','images_/top_menu/battle.jpg','images_/top_menu/support.jpg','images_/top_menu/profil.jpg','images_/top_menu/login.jpg','images_/top_menu/logud.jpg')">
<div id="overDiv" style="position:absolute; visibility:hidden; z-index:1000;"></div>
<script language="JavaScript" src="/css/overlib.js"><!-- overLIB (c) Erik Bosrup --></script>
<table width="760" height="86" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td colspan="10" align="right" valign="bottom" background="/images_/top.jpg"><table width="100%" height="38"  border="0" cellpadding="0" cellspacing="7">
      <tr>
        <td align="right" valign="top">

    <a href="/default.asp"><img src="/images_/top_menu/hotornot_n.jpg" name="Image1" width="63" height="14" border="0" id="Image1" onMouseOver="MM_swapImage('Image1','','images_/top_menu/hotornot.jpg',1)" onMouseOut="MM_swapImgRestore()"></a>

    <a href="/toplister/"><img src="/images_/top_menu/toplister_n.jpg" name="Image2" width="56" height="14" border="0" id="Image2" onMouseOver="MM_swapImage('Image2','','images_/top_menu/toplister.jpg',1)" onMouseOut="MM_swapImgRestore()"></a>

    <a href="/onlineliste/"><img src="/images_/top_menu/onlineliste_n.jpg" name="Image3" width="67" height="14" border="0" id="Image3" onMouseOver="MM_swapImage('Image3','','images_/top_menu/onlineliste.jpg',1)" onMouseOut="MM_swapImgRestore()"></a>

    <a href="/sog/"><img src="/images_/top_menu/seek_n.jpg" name="Image4" width="29" height="14" border="0" id="Image4" onMouseOver="MM_swapImage('Image4','','images_/top_menu/seek.jpg',1)" onMouseOut="MM_swapImgRestore()"></a>

    <a href="/chat/"><img src="/images_/top_menu/chat_n.jpg" name="Image5" width="35" height="14" border="0" id="Image5" onMouseOver="MM_swapImage('Image5','','images_/top_menu/chat.jpg',1)" onMouseOut="MM_swapImgRestore()"></a>

    <a href="/battle/"><img src="/images_/top_menu/battle_n.jpg" name="Image6" width="41" height="14" border="0" id="Image6" onMouseOver="MM_swapImage('Image6','','images_/top_menu/battle.jpg',1)" onMouseOut="MM_swapImgRestore()"></a>

    <a href="/support/"><img src="/images_/top_menu/support_n.jpg" name="Image7" width="69" height="14" border="0" id="Image7" onMouseOver="MM_swapImage('Image7','','images_/top_menu/support.jpg',1)" onMouseOut="MM_swapImgRestore()"></a>

        <a href="/profil/"><img src="/images_/top_menu/profil_n.jpg" name="Image9" width="48" height="14" border="0" id="Image9" onMouseOver="MM_swapImage('Image9','','images_/top_menu/profil.jpg',1)" onMouseOut="MM_swapImgRestore()"></a>
   
        <a href="/logud/default.asp?mode=logud"><img src="/images_/top_menu/logud_n.jpg" name="Image11" width="35" height="14" border="0" id="Image11" onMouseOver="MM_swapImage('Image11','','images_/top_menu/logud.jpg',1)" onMouseOut="MM_swapImgRestore()"></a>
    </td>
      </tr>
    </table></td>
  </tr>
</table>


<script language="javascript" type="text/javascript">
<!-- Centrering af pop-up vindue start
var win=null;
function NewWindow(mypage,myname,w,h,scroll,pos){
if(pos=="random"){LeftPosition=(screen.width)?Math.floor(Math.random()*(screen.width-w)):100;TopPosition=(screen.height)?Math.floor(Math.random()*((screen.height-h)-75)):100;}
if(pos=="center"){LeftPosition=(screen.width)?(screen.width-w)/2:100;TopPosition=(screen.height)?(screen.height-h)/2:100;}
else if((pos!="center" && pos!="random") || pos==null){LeftPosition=0;TopPosition=20}
settings='width='+w+',height='+h+',top='+TopPosition+',left='+LeftPosition+',scrollbars='+scroll+',location=no,directories=no,status=no,menubar=no,toolbar=no,resizable=no';
win=window.open(mypage,myname,settings);}
// Centrering af pop-up vindue slut-->
</script>

<table width="760" border="0" align="center" cellpadding="0" cellspacing="0" >
  <tr>
    <td width="121" align="left" valign="top" >
<script language="javascript" src="/css/browserdetect_lite.js" type="text/javascript"></script>
<script language="javascript" src="/css/opacity.js" type="text/javascript"></script>


HER ER TABLEN- START
<table width="106" height="100%" border="0" cellpadding="0" cellspacing="0" style="width:106;height:100%">
  <tr>
    <td width="106" height="100%" background="images_/left_12.jpg" style="width:106;height:100%">test</td>
  </tr>
</table>
HER ER TABLEN- SLUT



</td>
    <td width="620" align="left" valign="top" background="images_/bg_midt.jpg"><table width="588" border="0" align="center" cellpadding="0" cellspacing="0">
        <tr>
          <td height="568" align="left" valign="top" bgcolor="#FFFFFF">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td height="98" align="left" valign="top">
                  <table width="100%" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td width="42%" height="89" background="images_/bg_top_f.jpg">&nbsp;</td>
                      <td width="58%" background="images_/bg_top_f.jpg"><img src="images_/opret-prof.jpg" width="349" height="89"></td>
                    </tr>
                  </table></td>
              </tr>
            </table>
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td width="2%">&nbsp;</td>
                <td width="46%" rowspan="4"><table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
                    <tr>
                      <td height="26" background="images_/top-box.jpg"><font color="#FFFFFF"><strong>
                        &nbsp;Spot - seneste &amp; opdatering :.</strong></font></td>
                    </tr>
                    <tr>
                      <td><p>jkl&aelig;hkljsdgh hjsh sh jkshjsh jhg sdgh <br>
                          lkrukor hkkhfkdlfu </p>
                        <p>guogiu iugt gtiug iugiugju<br>
                          jueiue ue ioei puiouug ug g<br>
                          <br>
                          iuwetuiut wpeuiotweituiweut wituiwetuwet<br>
                          <br>
                          uiorqruiurqweuiru </p>
                        <p>iutroqweuriouqwer iuqweuriu<br>
                          pruioeuriuuieiuriqoruqiruiqwurrrtwtr </p></td>
                    </tr>
                  </table></td>
                <td width="2%" rowspan="4">&nbsp;</td>
                <td width="46%" rowspan="4"><table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
                    <tr>
                      <td height="26" background="images_/top-box.jpg"> <font color="#FFFFFF"><strong>&nbsp;Spot
                        - :.</strong></font></td>
                    </tr>
                    <tr>
                      <td><p>jkl&aelig;hkljsdgh hjsh sh jkshjsh jhg sdgh <br>
                          lkrukor hkkhfkdlfu </p>
                        <p>guogiu iugt gtiug iugiugju<br>
                          jueiue ue ioei puiouug ug g<br>
                          <br>
                          iuwetuiut wpeuiotweituiweut wituiwetuwet<br>
                          <br>
                          uiorqruiurqweuiru </p>
                        <p>iutroqweuriouqwer iuqweuriu<br>
                          pruioeuriuuieiuriqoruqiruiqwurrrtwtr </p></td>
                    </tr>
                  </table></td>
                <td width="4%">&nbsp;</td>
              </tr>
              <tr>
                <td>&nbsp;</td>
                <td width="4%">&nbsp;</td>
              </tr>
              <tr>
                <td>&nbsp;</td>
                <td width="4%">&nbsp;</td>
              </tr>
              <tr>
                <td>&nbsp;</td>
                <td width="4%">&nbsp;</td>
              </tr>
            </table>
            <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
              <tr>
                <td height="222">Banner forslag 1<br>
                  <img src="banner/spot_banner_2.gif" width="468" height="60">
                  <br>
                  Banner forslag 2<br>
                  <img src="banner/spot_banner_3_u_spot_a.gif" width="468" height="60"><br>
                  Banner forslag 2<br>
                  <img src="banner/spot_banner_3_u_spot.gif" width="468" height="60">
                  <br>
                  banner forslag 3<br>
                  <img src="banner/125x125/reklame_125-1.gif" width="125" height="125">
                  <br>
                  Banner forslag 4<br>
                  <img src="banner/468/spotpeople_1.gif" width="468" height="60">
                  <br>
                  <br>
                  <hr width="400" size="1"> <br>
                  We highly recommend using your PRIMARY email address in order
                  for us to inform you about new MESSAGES and MATCHES.</td>
              </tr>
            </table>
          </td>
        </tr>
      </table> </td>
    <td width="17" align="right" valign="top" >&nbsp;</td>
  </tr>
</table>

<table width="760" border="0" align="center" cellpadding="0" cellspacing="0" >
  <tr>
    <td height="41" align="right" valign="top" background="/images_/bund.jpg"><table width="760" border="0" align="center" cellpadding="0" cellspacing="0" background="images/bund.jpg">
        <tr>
          <td width="760" height="24" background="/images_/bund.jpg" bgcolor="#FFFFFF">
           
            Du er logget ind som: Mr. Rene <iframe src="/popupbeskeder.asp" width="1" height="1" scrolling="no" frameborder="0"></iframe>
            </td>
        </tr>
      </table>
      Copyright &copy; 2004 TZAG.dk </td>
  </tr>
</table>
</body>
</html>
Avatar billede tzag_dk Nybegynder
31. august 2004 - 11:43 #9
Forresten, det er ret html. Efter at asp koden er kørt...
Avatar billede tzag_dk Nybegynder
31. august 2004 - 13:22 #10
jeg kan virkelig godt bruge noget hjælp med det her... :o)
Avatar billede tzag_dk Nybegynder
31. august 2004 - 13:56 #11
Jeg fik løst problemet med det her:
http://www.quirksmode.org/css/100percheight.html

Ellers mange tak for hjælpen :o)
Hvis I vil have point, så læg et svar!
Avatar billede web-geek Nybegynder
03. september 2004 - 14:22 #12
Du kan ikke sætte den ene til 100% og en anden på 106, enten skal begge være 100% ellers så skal de være på 2 forskellige måder.
Avatar billede tzag_dk Nybegynder
03. september 2004 - 14:24 #13
Jo det kan man godt... Jeg har i hvert fald gjort det på den måde :o)
Avatar billede tzag_dk Nybegynder
01. november 2004 - 12:18 #14
LUKKET
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
Vi tilbyder markedets bedste kurser inden for webudvikling

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