Avatar billede elmoe Juniormester
27. oktober 2004 - 22:05 Der er 10 kommentarer og
1 løsning

Tabel i table height 100%

Jeg kan godt lave et table der har height 100%, men så snart jeg skal lave et table der har height 100% i et table der også er 100% i højden, så går det ikke.

Altså det her virker ikke:

<table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td>&nbsp;</td>
      </tr>
    </table></td>
  </tr>
</table>

Hvordan får jeg det inderste table til også at blive 100 procent i højden?
Avatar billede roenving Novice
27. oktober 2004 - 22:16 #1
?-)

Hvad er formålet med at have to elementer udenpå hinanden, når det inderste skal have de egenskaber, som det yderste har i forvejen ?o]
Avatar billede elmoe Juniormester
27. oktober 2004 - 22:19 #2
Du siger noget, men nu er det altså sådan, at jeg virkelig skal bruge det :)
Avatar billede hiks Nybegynder
27. oktober 2004 - 22:25 #3
din rowheight (<tr height="100%">) skal vel være 100% i den yderste.

tror ikke helt på at det er valid html. Men IE kan vel læse det. :o)

/hiks
Avatar billede roenving Novice
27. oktober 2004 - 22:29 #4
Nej, det er ikke valid html-kode at bruge en height-attribut på et table- eller tr-element, den findes simpelthen ikke i nogensomhelst standard !-)

-- men såvidt jeg ved, fortolker alle browsere den uden problemer ...
Avatar billede elmoe Juniormester
27. oktober 2004 - 22:36 #5
det funker desværre ikke hiks. tænk at noget så enkelt kan drille så meget..
Avatar billede hiks Nybegynder
27. oktober 2004 - 22:51 #6
nu testede jeg jo lige og smed det ind i en browser den kode der

og den er da 100% i højden også den inden i!

Eller er det bare mine søvnige øjne der ser fejl?

<html>
<body>
<table width="100%" height="100%" border="1" cellspacing="0" cellpadding="0">
  <tr>
    <td>
    <table width="100%" height="100%" border="1" cellspacing="0" cellpadding="0">
          <tr>
            <td>&nbsp;</td>
          </tr>
    </table>
    </td>
  </tr>
</table>
</body>
</html>

/hiks
Avatar billede elmoe Juniormester
27. oktober 2004 - 23:42 #7
årh skidt! det har du ret i. det sker kun når jeg kører med følgende i toppen:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

så lever det jo ikke op til standarden.
Avatar billede roenving Novice
27. oktober 2004 - 23:51 #8
-- men hvis du sætter fuldt kvalificeret doctype på, burde height slet ikke virke i table-tags, da der som nævnt slet ikke findes en height-attribut til den slags !-)

Så skal du også sætte en højde på html- og body-elementet, jeg bruger denne som standard:

-- og du må godt sætte height som style-property:

<style type="text/css">
html,body{height:100%;margin:0px;border:0px;padding:0px;}
table{width:100%;height:100%;border-collapse:collapse;}
td{border:0;padding:0;}
</style>


<table>
  <tr>
    <td><table>
      <tr>
        <td>&nbsp;</td>
      </tr>
    </table></td>
  </tr>
</table>
Avatar billede elmoe Juniormester
28. oktober 2004 - 00:03 #9
det var da imponerende. det virker jo ;)

roenving.. kom lige med et svar, hvis du vil have points..
Avatar billede roenving Novice
28. oktober 2004 - 00:15 #10
Velbekomme '-)
Avatar billede roenving Novice
28. oktober 2004 - 00:50 #11
-- og tak for point ;~}
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