Avatar billede tanzaweb Nybegynder
17. oktober 2005 - 23:01 Der er 6 kommentarer og
1 løsning

height problem i en tabel

Hejs

jeg har et problem med denne side: http://www.duncanjj.com/index_new_1.php

som i kan se er siden lidt for høj, jeg har brugt style sheet, og sat fe forskellige højder til 100% osv.  som i vil kunne se i skemaet, men hvorfor er siden for lang i forhold til sidens højde?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
.table1 {
height:100%;
}
td {
    vertical-align: top;
    font-family:Tahoma;
    font-size:11px;
    color:#974F08;
}
td.link {
    text-align: left;
    vertical-align:middle;
    background-image:  url(images_new/m1.jpg);
    font-family:Tahoma;
    font-size:11px;
    color:#974F08;
}
td.right {
    text-align: left;
    vertical-align:top;
    font-family:Tahoma;
    font-size:10px;
    color:#974F08;
    height:100%;
}
.right_leftmargin {
margin-left:5px;
height:100%;
}
.leftMargin {
margin-left:15px;
vertical-align:top;
height:100%;
}
.leftMargin_link {
margin-left:25px;
}
a{
color:#FFFFFF;
font-size:11px;
font-weight:bold;
text-decoration:underline;
}
a:hover{
font-size:11px;
font-weight:bold;
text-decoration:none;
}
-->
</style>
</head>

<body bottommargin="0" topmargin="0" bgcolor="#000000" style="height:100%;">
<center>
<table class="table1" width="776" border="0" cellspacing="0" cellpadding="0">
    <tr style="height:11px;">
        <td colspan="2"><IMG SRC="images_new/1.jpg" WIDTH="576" HEIGHT="11" ALT=""></td>
        <td><img src="images_new/Top_Gray_backg.jpg" height="11" width="200"></td>
    </tr>
    <tr>
        <td>
        <table WIDTH="202" BORDER="0" CELLPADDING="0" CELLSPACING="0" style="height:100%;">
            <tr>
                <td height="22" class="link"><div class="leftMargin_link"><a href="index.html">FORSIDE</a></div></td>
            </tr>
            <tr>
                <td height="22" class="link"><div class="leftMargin_link"><a href="aboutUs.php">OM OS / CV</a></div></td>
            </tr>
            <tr>
                <td height="22" class="link"><div class="leftMargin_link"><a href="index.html">LINKS</a></div></td>
            </tr>
            <tr>
                <td height="22" class="link"><div class="leftMargin_link"><a href="aboutUs.php">GALLERI</a></div></td>
            </tr>
            <tr>
                <td height="22" class="link"><div class="leftMargin_link"><a href="index.html">KALENDER</a></div></td>
            </tr>
            <tr>
                <td height="22" class="link"><div class="leftMargin_link"><a href="aboutUs.php">KONTAKT</a></div></td>
            </tr>
            <tr>
                <td><IMG SRC="images_new/2.jpg" WIDTH="202" HEIGHT="9" ALT=""></td>
            </tr>
        </table>
        </td>
        <td>
        <img src="images_new/logo_pic.jpg" border="0" width="374">
        </td>
        <td rowspan="2" bgcolor="#0F0F0F" class="right"><div class="right_leftmargin">
        Dette område vil komme til at indeholde vores billeder, links, og andre relevante emner.<br />
        <br />
        Seneste Billeder på Duncanjj.com
               
        </div></td>
    </tr>
    <tr>
        <td colspan="2" bgcolor="#FE8802" align="left" class="leftMargin">
        Colspan

        </td>
    </tr>
    <tr>
        <td colspan="3" bgcolor="#000000" HEIGHT="40">
        <div style="padding-top:7px;padding-right:15px" align="right">
        <img src="images_new/c1.jpg"><a href="#"><img src="images_new/c2.jpg" border="0"></a>
        <img src="images_new/c3.jpg"><a href="#"><img src="images_new/c4.jpg" border="0"></a>
        </div>
        </td>
    </tr>
</table>
</center>

</body>
</html>
Avatar billede krydset Nybegynder
17. oktober 2005 - 23:12 #1
Mit bud er at det er denne her der giiver det sidste stykke siden er for høj.. Hvad sker der hvis du fjerner det ?

<div style="padding-top:7px;padding-right:15px" align="right">
        <img src="images_new/c1.jpg"><a href="#"><img src="images_new/c2.jpg" border="0"></a>
        <img src="images_new/c3.jpg"><a href="#"><img src="images_new/c4.jpg" border="0"></a>
        </div>
Avatar billede krydset Nybegynder
17. oktober 2005 - 23:12 #2
Hov det her
<tr>
        <td colspan="3" bgcolor="#000000" HEIGHT="40">
        <div style="padding-top:7px;padding-right:15px" align="right">
        <img src="images_new/c1.jpg"><a href="#"><img src="images_new/c2.jpg" border="0"></a>
        <img src="images_new/c3.jpg"><a href="#"><img src="images_new/c4.jpg" border="0"></a>
        </div>
        </td>
    </tr>
Avatar billede tanzaweb Nybegynder
17. oktober 2005 - 23:22 #3
Det er bare den nederste kolone med copyright osv.

og det er stadig for højt selv om den er væk.
Avatar billede olebole Juniormester
18. oktober 2005 - 00:22 #4
<ole>

Procentuelle height-værdier giver kun mening, hvis det omkransende element eksplicit har fået sat en højde ... det gælder også for dokument-elementet:

html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}

Denne her holder heller ikke:
        <td>
        <table WIDTH="202" BORDER="0" CELLPADDING="0" CELLSPACING="0" style="height:100%;">

td'en skal have sat en højde, hvis tabellen skal have en højde på 100%.
.... 100% af hvad ...?  ;o)

/mvh
</bole>
Avatar billede tanzaweb Nybegynder
18. oktober 2005 - 00:51 #5
Har prøvet at rette de ting, men side er stadig for høj. hvad kan det være.
Avatar billede roenving Novice
18. oktober 2005 - 00:53 #6
Avatar billede tanzaweb Nybegynder
14. februar 2006 - 11:46 #7
lukker spørgsmål da det ikke er aktuelt mere
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