Avatar billede hyanen Nybegynder
20. februar 2007 - 05:17 Der er 3 kommentarer og
1 løsning

Udfyld resten af siden i højden

Hvis jeg nu har en tabel der ser sådan her ud

<table height="100%">
<tr>
<td height="150"></td>
<td></td>
</tr>

<tr>
<td height="resten?"></td>
<td></td>
</tr>

</table>

hvordan får jeg min browser (ie/ff) til det?

Mvh hyanen - går nok snart i seng men i kan fange mig ved 4-5 tiden :)
Avatar billede desc Nybegynder
20. februar 2007 - 14:47 #1
<table height="100%" border="1">
    <tr>
        <td height="150">&nbsp;</td>
        <td height="150">&nbsp;</td>
    </tr>

    <tr>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
    </tr>
</table>
Avatar billede hyanen Nybegynder
20. februar 2007 - 17:05 #2
Det virker når jeg bar har det med kun din kode men når jeg sætter den i denside jeg skal bruge virker det ikke?

kan du se hvad jeg gør galt?

<!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>Totalteam - Vi sætter mennesket i centrum</title>
<style type="text/css">
<!--
body {
background-color:#FFFFFF;
height:100%;
margin:0px;
padding:0px;
font-family:"Times New Roman","Bookman Old Style", Times, serif;

}
.maintable {
border:0px solid black;
table-layout:fixed;
background-color:#666666;
width:100%;
empty-cells:show;
height:100%;
overflow:hidden;
}
.leftfill {
background-color:#f5f5f5;
width:3%;
}

.rightfill {
background-color:#f5f5f5;
width:3%;
}
.leftfade {
background-color:#FFFFFF;
background-position:left;
background-image:url(left.jpg);
width:3%;
background-repeat:repeat-y;

}
.rightfade {
background-color:#FFFFFF;
background-position:right;
background-image:url(right.jpg);
width:3%;
background-repeat:repeat-y;
}

.leftinnerfill {
background-color:#ffffff;
width:1%;
}
.rightinnerfill {
background-color:#ffffff;
width:1%;
}
.logo {
width:22%;
background-color:#FFFFFF;
}
.banner {
width:60%;
background-color:#FFFFFF;
}
.middlelefttopfill {
background-color:#FFFFFF;
width:22%;
}
.middlerighttopfill {
background-color:#FFFFFF;
width:22%;
}
.menuleft {
width:22%;
background-image:url(menubg.jpg);
margin:0;
padding:0;
}
.menuright {
width:60%;
background-image:url(menubg.jpg);
}
.middleleftfill {
background-color:#FFFFFF;
width:22%;
}
.middlerightfill {
background-color:#FFFFFF;
width:60%;
}
.middleleftbottomfill {
background-color:#FFFFFF;
width:22%;
}
.middlerightbottomfill {
background-color:#FFFFFF;
width:60%;
}
.news {
background-color:#FFFFFF;
width:22%;
}
.indhold {
background-color:#FFFFFF;
width:60%;
}
.leftcopyright {
background-image:url(menubg.jpg);
margin:0;
padding:0;
width:22%;
}
.rightcopyright {
background-image:url(menubg.jpg);
margin:0;
padding:0;
width:60%;
}

.menubox1 {
background-image:url(images/menubox_01.gif);
width:7px;
height:7px;
}
.menubox2 {
background-image:url(images/menubox_02.gif);
width:auto;
height:7px;
}
.menubox3 {
background-image:url(images/menubox_03.gif);
width:7px;
height: 7px;
}
.menubox4 {
background-image:url(images/menubox_04.gif);
width:7px;
height:95%;
}
.menubox5 {
background-image:url(images/menubox_05.gif);
width:auto;
height:235px;
}
.menubox6 {
background-image:url(images/menubox_06.gif);
width:7px;
height:95%;
}
.menubox7 {
background-image:url(images/menubox_07.gif);
width:7px;
height:7px;
}
.menubox8 {
background-image:url(images/menubox_08.gif);
width:auto;
height:7px;
}
.menubox9 {
background-image:url(images/menubox_09.gif);
width:7px;
height:7px;
}
.newstable {
width:100%;
height:100%;
border:0px solid black;
}
.indholdtable {
width:100%;
height:100%;
border:0px solid black;
}
-->
</style>

</head>

<body>




<table cellspacing="0" cellpadding="0" class="maintable">
  <tr>
    <td class="leftfill" height="125"></td>
    <td class="leftfade" height="125"></td>
    <td class="leftinnerfill" height="125"></td>
    <td class="logo" height="125"><a href="index.html"><img src="logo.jpg" alt="Klik for at komme til forsiden" border="0" /></a></td>
    <td class="banner" height="125"><a href="index.html"><img src="banner.jpg" alt="Klik for at komme til forsiden" border="0" /></a></td>
    <td class="rightinnerfill" height="125"></td>
    <td class="rightfade" height="125"></td>
    <td class="rightfill" height="125"></td>
  </tr>
  <tr>
    <td class="leftfill" height="27"></td>
    <td class="leftfade" height="27"></td>
    <td class="leftinnerfill" height="27"></td>
    <td class="menuleft" height="27"><img src="menubgleft.jpg" alt="" /></td>
    <td class="menuright" height="27"><img src="menubgright.jpg" alt="" align="right" /></td>
    <td class="rightinnerfill" height="27"></td>
    <td class="rightfade" height="27"></td>
    <td class="rightfill" height="27"></td>
  </tr>
  <tr>
    <td class="leftfill" height="5"></td>
    <td class="leftfade"  height="5"></td>
    <td class="leftinnerfill"  height="5"></td>
    <td class="middlelefttopfill"  height="5"></td>
    <td class="middlerighttopfill"  height="5"></td>
    <td class="rightinnerfill"  height="5"></td>
    <td class="rightfade"  height="5"></td>
    <td class="rightfill"  height="5"></td>
  </tr>
  <tr>
    <td class="leftfill"  height="250"></td>
    <td class="leftfade"  height="250"></td>
    <td class="leftinnerfill"  height="250"></td>
    <td class="news"  height="250">

      <table class="newstable" cellpadding="0" cellspacing="0">
    <tr>
        <td class="menubox1">
          </td>
        <td class="menubox2">
          </td>
        <td class="menubox3">
          </td>
    </tr>
    <tr>
        <td class="menubox4">
      </td>
        <td class="menubox5">
        <p>BØH</p></td>
        <td class="menubox6">
      </td>
    </tr>
    <tr>
        <td class="menubox7">
          </td>
        <td class="menubox8">
          </td>
        <td class="menubox9">
          </td>
    </tr>
</table>

    </td>
    <td class="indhold"  height="250">

            <table class="indholdtable" cellpadding="0" cellspacing="0">
    <tr>
        <td class="menubox1">
          </td>
        <td class="menubox2">
          </td>
        <td class="menubox3">
          </td>
    </tr>
    <tr>
        <td class="menubox4">
      </td>
        <td class="menubox5">
        <p>BØH</p></td>
        <td class="menubox6">
      </td>
    </tr>
    <tr>
        <td class="menubox7">
          </td>
        <td class="menubox8">
          </td>
        <td class="menubox9">
          </td>
    </tr>
</table>

    </td>
    <td class="rightinnerfill"  height="250"></td>
    <td class="rightfade"  height="250"></td>
    <td class="rightfill"  height="250"></td>
  </tr>
  <tr>
    <td class="leftfill"  height="5"></td>
    <td class="leftfade" height="5"></td>
    <td class="leftinnerfill" height="5"></td>
    <td class="middleleftfill" height="5"></td>
    <td class="middlerightfill" height="5"></td>
    <td class="rightinnerfill" height="5"></td>
    <td class="rightfade" height="5"></td>
    <td class="rightfill" height="5"></td>
  </tr>
  <tr>
    <td class="leftfill27" height="27"></td>
    <td class="leftfade" height="27"></td>
    <td class="leftinnerfill" height="27"></td>
    <td class="leftcopyright" height="27"><img src="menubgleft.jpg" alt="" /></td>
    <td class="rightcopyright" height="27"><img src="menubgright.jpg" alt="" align="right" /></td>
    <td class="rightinnerfill" height="27"></td>
    <td class="rightfade" height="27"></td>
    <td class="rightfill" height="27"></td>
  </tr>
  <tr>
    <td class="leftfill"></td>
    <td class="leftfade"></td>
    <td class="leftinnerfill"></td>
    <td class="middleleftbottomfill"></td>
    <td class="middlerightbottomfill"></td>
    <td class="rightinnerfill"></td>
    <td class="rightfade"></td>
    <td class="rightfill"></td>
  </tr>

</table>
</body>
</html>
Avatar billede roenving Novice
25. februar 2007 - 02:12 #3
-- du kan f.eks. bruge et trick med skygge-elementer: http://www.eksperten.dk/spm/497362 !-)
Avatar billede hyanen Nybegynder
25. februar 2007 - 15:51 #4
luk
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