Avatar billede no1 Nybegynder
18. juni 2006 - 19:32 Der er 2 kommentarer

Få tabel til at flyde 100%

Er ved at arbejde på denne side. http://www.no1company.dk/TEST/
Jeg ønsker at tabellen som indeholder "Copyright © 2006 No. 1 Company. All rights reserved." skal fylde hele den tomme plads. Med andre ord skal den justere sig efter hvilken opløsning folk bruger.

Så siden dermed tilpasser dig det antal pixels brugeren har i højden.

Tabellen er inkluderet med koden:
<?php
include("bund.php");
?>

Hvordan løser jeg det problem?


KODE FOR INDEX.PHP fil:
<!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>Sells</title>
<style type="text/css">
<!--
body
{

margin:0px;

height:100%;
}
body {
    background-color: #eeeeee;
}
.style1 {
    font-size: 10px;
    font-weight: bold;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #FFFFFF;
}
-->
</style></head>

<body>
<div align="center">
  <table width="764" height="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <th width="12" rowspan="5" background="skygge-left.gif" scope="col">&nbsp;</th>
      <th scope="col" height="48"><?php
include("menu-top.php");
?></th>
      <th width="12" rowspan="5" background="skygge-right.gif" scope="col">&nbsp;</th>
    </tr>
    <tr>
      <td height="2" bgcolor="#4B7791"></td>
    </tr>
    <tr>
      <td><img src="front-d3o.jpg" width="740" height="323"></td>
    </tr>
    <tr>
      <td height="2" bgcolor="#4B7791"></td>
    </tr>
    <tr>
      <td height="100%"><?php
include("bund.php");
?></td>
    </tr>
  </table>
</div>
</body>
</html>


KODE FOR BUND.PHP

<style type="text/css">
<!--
.style3 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #FFFFFF;
}
-->
</style>
<table width="740" height="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <th align="right" valign="top" background="baggrund-bund.gif" scope="col"><div align="right" class="style3">Copyright © 2006 No. 1 Company. All rights reserved.</div></th>
  </tr>
</table>
Avatar billede fennec Nybegynder
19. juni 2006 - 09:05 #1
Der findes ikke en height attribut på <table>. Den skal igennem CSS. Desuden er det en god ide at angive på <body> også, da der ellers kan opstå problemer:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
    <title>Untitled</title>
</head>
<body style="height:100%;width:100%">
<table border="1" cellspacing="0" cellpadding="2" style="width:100%;height:100%">
<tr>
    <td style="height:50px;">dfkjv</td>
</tr>
<tr>
    <td>dfkjv</td>
</tr>
<tr>
    <td style="height:20px;">dfkjv</td>
</tr>
</table>
</body>
</html>
Avatar billede no1 Nybegynder
19. juni 2006 - 22:27 #2
hmm synes ikke jeg kan få det til at fungere.

Min index fil ser nu sådan ud:
<!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>Sells</title>
<style type="text/css">
<!--
body {
    background-color: #eeeeee;
 
  height: 100%;
  margin: 0px;
  padding: 0px;
}
.style1 {
    font-size: 10px;
    font-weight: bold;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #FFFFFF;
}

-->
</style></head>

<body style="height:100%">
<div align="center">
  <table class="hoved" width="764" height="100%" border="0" cellspacing="0" cellpadding="0" style="height:100%">
    <tr>
      <th width="12" rowspan="5" background="skygge-left.gif" scope="col">&nbsp;</th>
      <th scope="col" height="48"><?php
include("menu-top.php");
?></th>
      <th width="12" rowspan="5" background="skygge-right.gif" scope="col">&nbsp;</th>
    </tr>
    <tr>
      <td height="2" bgcolor="#4B7791"></td>
    </tr>
    <tr>
      <td><img src="front-d3o.jpg" width="740" height="323"></td>
    </tr>
    <tr>
      <td height="2" bgcolor="#4B7791"></td>
    </tr>
    <tr>
      <td height="100%"><?php
include("bund.php");
?></td>
    </tr>
  </table>
</div>
</body>
</html>


Kan du tilpasse i den så det kommer til at virke rigtigt?
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