Tabelhøjde på 100%

<html>

<head>

<style type="text/css">

BODY {margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }

td.right1 { height: 100px; }
td.right2 { height: 100px; }

</style>

</head>

<body>

<table height="100%" width="100%" border="1" cellspacing="0" cellpadding="0">
<tr><td class="right1">Hej1</td></tr>
<tr><td class="right2">Hej2</td></tr>
<tr><td class="right3">Hej3</td></tr>
</table>

</body>

</html>

Det gør du sådan...!:

<html>

<head>

<style type="text/css">

BODY {margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }

td.right3 { height: 100%; }

</style>

</head>

<body>

<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr><td WIDTH="1"><IMG SRC=""transp.gif" height="100" WIDTH="1"></TD><TD>Hej1</td></tr>
<tr><td WIDTH="1"><IMG SRC="transp.gif" height="100" WIDTH="1"></TD><TD>Hej2</td></tr>
<tr><td class="right3">Hej3</td></tr>
</table>

</body>

</html>

SÅ skal du bare huske at lave en fil der hedder transp.gif og som er en transperant 1 x 1 gif! Håber du forstår.... Egentlig gør det ikke noget du ikke gør, fordi billeder er kun 1 pixel bred så man vil ikke kunne se dne

speedy>>> Det giver sør'me det ønskede. Jeg fik dog i farten ikke fortalt, at det var et krav, at det skulle opfylde standarderne for xhtml. Det gør din løsning desværre ikke, da man ikke må angive tabellens højde i selve <table>. Har du en løsning hvor det opfylder standarderne for xhtml?

cool_casper>>> Din løsning giver ikke det ønskede resultat.

Okay, denne skulle gerne være XML-valid :)


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

<head>

<style type="text/css">

BODY {margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }

td.right1 { height: 100px; }
td.right2 { height: 100px; }
table.tabellen { height: 100%; }

</style>

<title>Tabel</title>

</head>

<body>

<table class="tabellen" width="100%" border="1" cellspacing="0" cellpadding="0">
<tr><td class="right1">Hej1</td></tr>
<tr><td class="right2">Hej2</td></tr>
<tr><td class="right3">Hej3</td></tr>
</table>

</body>

</html>


/SpEeDy

speedy>>> Fedt. Vidste faktisk ikke at man kunne skrive table.tabellen osv. Fedt! Så lærte jeg også det. Tak for hjælpen.

Speedy: Hvad går der galt her:

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="da">

<head>

    <title>pesa</title>

<style type="text/css">
BODY         {
          margin-top:             1px;
        margin-right:             0px;
        margin-bottom:             1px;
          margin-left:             0px;
        background-color:        #ffffff;
        }
td.right1    {
        background-color:    #5290b1;
        font-family:         verdana, tahoma, arial;
        font-size:        11;
        color:            #ffffff;
        text-align:        left;
          padding:         2px 4px 2px 4px;
        border-top-color:     red;
        }
td.right2    {
        background-color:    #cccccc;
        font-family:         verdana, tahoma, arial;
        font-size:        10;
        color:            #238fae;
        text-align:        left;
          padding:         1px;
        border-top-color:     red;
        }
td.rightpic    { background-image:     url(pic.gif); height: 100px; }
td.rightpic2    { background-image:     url(face.gif); height: 100px; }
td.bg1        { background-color:    #cccccc; }
td.bg2        { background-color:    #ffffff; height: 1px; }
td.bg3        { background-color:    #5290b1; }
table.tabellen    { height: 100%; background-color:    #5290b1; }
</style>

</head>

<body>


<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="*"><img src="blank.gif" width="1" height="1" alt=""></img></td>
<td width="215">
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td width="1" class="bg1"><img src="blank.gif" width="1" height="1" alt=""></img></td>
    <td width="*">
        <table class="tabellen" width="100%" border="1" cellspacing="0" cellpadding="0">
        <tr><td class="bg3"><img src="blank.gif" width="1" height="5" alt=""></img></td></tr>
        <tr><td class="right1"><b>om denne hjemmeside</b></td></tr>
        <tr><td class="right1">Bla bla bla om min hjemmeside...</td></tr>
        <tr><td class="bg3"><img src="blank.gif" width="1" height="5" alt=""></img></td></tr>
        <tr><td class="bg2"><img src="blank.gif" width="1" height="1" alt=""></img></td></tr>
        <tr><td class="rightpic"><img src="blank.gif" width="1" height="1" alt=""></img></td></tr>
        <tr><td class="bg2"><img src="blank.gif" width="1" height="1" alt=""></img></td></tr>
        <tr><td class="bg3"><img src="blank.gif" width="1" height="5" alt=""></img></td></tr>
        <tr><td class="right1"><b>kontakt</b></td></tr>
        <tr><td class="right1">Hvis du vil komme i kontakt med mig kan det ske via min mailadresse pesa@ofir.dk</td></tr>
        <tr><td class="bg3"><img src="blank.gif" width="1" height="5" alt=""></img></td></tr>
        <tr><td class="bg2"><img src="blank.gif" width="1" height="1" alt=""></img></td></tr>
        <tr><td class="rightpic2"><img src="blank.gif" width="1" height="1" alt=""></img></td></tr>
        <tr><td class="bg2"><img src="blank.gif" width="1" height="1" alt=""></img></td></tr>
        </table>
    </td>
    </tr>
    </table>
</td>
</tr>
</table>



</body>
</html>


Jeg ønsker at min kolonne ude til højre skal være blå hele vejen ned til bunden. Hvorfor bliver den ikke det???

Du har jo ikke angivet at de 2 tabeller som er omkring den inderste tabel skal være 100% i height.

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="da">

<head>

    <title>pesa</title>

<style type="text/css">
BODY        {
          margin-top:            1px;
        margin-right:            0px;
        margin-bottom:            1px;
          margin-left:            0px;
        background-color:        #ffffff;
        }
td.right1    {
        background-color:    #5290b1;
        font-family:        verdana, tahoma, arial;
        font-size:        11;
        color:            #ffffff;
        text-align:        left;
          padding:        2px 4px 2px 4px;
        border-top-color:    red;
        }
td.right2    {
        background-color:    #cccccc;
        font-family:        verdana, tahoma, arial;
        font-size:        10;
        color:            #238fae;
        text-align:        left;
          padding:        1px;
        border-top-color:    red;
        }
td.rightpic    { background-image:    url(pic.gif); height: 100px; }
td.rightpic2    { background-image:    url(face.gif); height: 100px; }
td.bg1        { background-color:    #cccccc; }
td.bg2        { background-color:    #ffffff; height: 1px; }
td.bg3        { background-color:    #5290b1; }
table.tabellen    { height: 100%; background-color:    #5290b1; }
table.fulltable    { height: 100%;}
</style>

</head>

<body>


<table class="fulltable" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="*"><img src="blank.gif" width="1" height="1" alt=""></img></td>
<td width="215">
    <table width="100%" class="fulltable" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td width="1" class="bg1"><img src="blank.gif" width="1" height="1" alt=""></img></td>
    <td width="*">
        <table class="tabellen" width="100%" border="1" cellspacing="0" cellpadding="0">
        <tr><td class="bg3"><img src="blank.gif" width="1" height="5" alt=""></img></td></tr>
        <tr><td class="right1"><b>om denne hjemmeside</b></td></tr>
        <tr><td class="right1">Bla bla bla om min hjemmeside...</td></tr>
        <tr><td class="bg3"><img src="blank.gif" width="1" height="5" alt=""></img></td></tr>
        <tr><td class="bg2"><img src="blank.gif" width="1" height="1" alt=""></img></td></tr>
        <tr><td class="rightpic"><img src="blank.gif" width="1" height="1" alt=""></img></td></tr>
        <tr><td class="bg2"><img src="blank.gif" width="1" height="1" alt=""></img></td></tr>
        <tr><td class="bg3"><img src="blank.gif" width="1" height="5" alt=""></img></td></tr>
        <tr><td class="right1"><b>kontakt</b></td></tr>
        <tr><td class="right1">Hvis du vil komme i kontakt med mig kan det ske via min mailadresse pesa@ofir.dk</td></tr>
        <tr><td class="bg3"><img src="blank.gif" width="1" height="5" alt=""></img></td></tr>
        <tr><td class="bg2"><img src="blank.gif" width="1" height="1" alt=""></img></td></tr>
        <tr><td class="rightpic2"><img src="blank.gif" width="1" height="1" alt=""></img></td></tr>
        <tr><td class="bg2"><img src="blank.gif" width="1" height="1" alt=""></img></td></tr>
        </table>
    </td>
    </tr>
    </table>
</td>
</tr>
</table>



</body>
</html>


/SpEeDy

Hvis jeg gør som du siger bliver kolonnen ligesom trukket lang. Specielt i en opløsning på 1024x768 ser det mærkeligt ud. Det ønsker jeg ikke. Det jeg ønsker er at der skal fremkomme et blåt felt under face.gif som skal variere i højden afhængig af hvilken opløsning brugeren bruger.

speedy>>> Kan jeg ikke lige få dig til at skrive hvis du kan svare, for det er nok begrænset hvor mange andre der kommer forbi spørgsmålet nu. Hvis du ikke kan svare vil jeg oprette et nyt spørgsmål. Du skal nok få nogle flere point hvis du kan svare!

Undskyld men jeg har haft lidt travlt...jeg kan ikke lige overskue din kode, så jeg kan desværre ikke hjælpe dig nu :(

/SpEeDy

Oki, men jeg håber du får tid senere!