---
title: "height=\"100%\" i tabeller"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/53124-height-100-i-tabeller"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Ceeron"
published: "2002-09-13T10:45:02.000Z"
updated: "2002-09-23T06:24:13.000Z"
replies: 18
views: 629
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/53124-height-100-i-tabeller"
---

# height="100%" i tabeller

## #1 — Ceeron, 2002-09-13T10:45Z

Tabellkod:

\<table border="0" cellspacing="0" cellpadding="0" align="center" valign="top" width="750" height="100%" marginwidth="0" marginheight="0" leftmargin="0" topmargin="0"\>

Den ska ju strecka ut sig ända ner till botten av webbläsaren men den slutar alltid en liten bit upp...

<http://ceeron.max-hdw.co.uk/huddinge>

Är det bara min webbläsare som e konstig? Ser lite konstigt ut när själva menydelen bara stannar upp på sidan utan att gå hela vägen ner...

Tacksam för svar.

Permalänk: https://www.webforum.nu/p/53124

## #2 — UlfT, 2002-09-13T10:53Z

Det är nog webläsaren som är konstig. Jag får ditt fel i Internet Explorer, men i Mozilla går tabellen hela vägen ner.

Permalänk: https://www.webforum.nu/p/784933

## #3 — Web-Tor, 2002-09-13T12:11Z

Tror jag har skrivit det här tio gånger den här veckan: :)

» **height** finns inte som attribut till \<table\> i någon HTMl-standard

Permalänk: https://www.webforum.nu/p/784981

## #4 — Ceeron, 2002-09-13T12:12Z

Ska jag göra då då? :P

Kan man fixa med CSS?

Permalänk: https://www.webforum.nu/p/784984

## #5 — Web-Tor, 2002-09-13T12:23Z

Funkar inte detta:

```
<table style="height: 100%; border: #000 1px solid;">
 <tbody>
  <tr>
   <td>Text</td>
  </tr>
 </tbody>
</table>
```

Permalänk: https://www.webforum.nu/p/784992

## #6 — Ceeron, 2002-09-13T18:52Z

\<tbody\> ? ;)

Permalänk: https://www.webforum.nu/p/785373

## #7 — OlleBoop, 2002-09-13T19:12Z

Glöm för all del inte \<tfoot\> & \<thead\>

Permalänk: https://www.webforum.nu/p/785379

## #8 — Simpa, 2002-09-13T19:16Z

Hmpz

Dem där har jag alldrig hört talas om, lust att förklara vad dem gör? :)

Permalänk: https://www.webforum.nu/p/785382

## #9 — Ceeron, 2002-09-13T19:17Z

Tja Simpa :P

Undrar detsamma...

Permalänk: https://www.webforum.nu/p/785385

## #10 — mikkeX, 2002-09-13T19:32Z

tbody är tabellens kropp (de vanliga cellerna)
thead är kolumnernas rubriker.
tfoot är kolumnernas "fötter"
och så har vi caption som är hela tabellens rubrik.

Sedan finns det massa roliga attribut också...

```
<table style="border: 1px solid black">
<caption align="center" valign="top">Lista</caption>
  <thead>
    <tr>
      <th>rubrik 1</th>
      <th>rubrik 2</th>
      <th>rubrik 3</th>
    </tr>
  </thead>
  <tfoot>
    <tr>
      <th>fot 1</th>
      <th>fot 2</th>
      <th>fot 3</th>
    </tr>
  </tfoot>
  <tbody>
    <tr> 
      <td>ett</td>
      <td>två</td>
      <td>tre</td>
    </tr>

  </tbody>
</table>
```

Permalänk: https://www.webforum.nu/p/785405

## #11 — jarvklo, 2002-09-14T09:55Z

Det finns alltså \*två\* olika tabellmodeller i HTML.
Den "enkla" med taggarna:
\<table\>, \<caption\>,\<tr\>, \<th\> och \<td\>.
Detta är kanske den vanligaste. 
(se t.ex <http://blooberry.com/indexdot/html/tagpages/tables.htm#simple> )
och den "komplexa":
\<table\>, \<colgroup\>, \<col\>, \<caption\>, \<thead\>, \<tbody\>, \<tfoot\>, \<tr\>, \<th\> och \<td\> 
som ger fler formateringsmöjligheter om inte annat. Prova att lägga in:

```
<col><col style="background-color:silver"><col>
```

 överst i tabellexemplet ovan så ser du vad jag menar ;) )
(se t.ex. <http://blooberry.com/indexdot/html/tagpages/tables.htm#complex> )

Permalänk: https://www.webforum.nu/p/785605

## #12 — Web-Tor, 2002-09-15T10:30Z

Anledningen till att jag hade med \<tbody\> var att jag är van att koda enligt XHTMl-strict och där måste varje tabell innehålla \<tbody\>. ;)

Permalänk: https://www.webforum.nu/p/786274

## #13 — Gjutjärn, 2002-09-19T17:23Z

Måste man inte ha \<thead\> och \<tfoot\> i Xhtml-strict?

Permalänk: https://www.webforum.nu/p/789579

## #14 — mibbe, 2002-09-19T18:39Z

> **UlfT skrev:**
>
> Det är nog webläsaren som är konstig. Jag får ditt fel i Internet Explorer, men i Mozilla går tabellen hela vägen ner.

> **Web-Tor skrev:**
>
> Tror jag har skrivit det här tio gånger den här veckan: :)
> 
> » **height** finns inte som attribut till \<table\> i någon HTMl-standard

Ni får alla ursäkta mig om jag yrar nu. Men är det inte så att Mozilla enligt de som vet ska vara väldigt korrekt mot alla standarder som finns? I så fall borde väl den inte visa korrekt vad gäller höjden på tabellen? Internet Explorer brukar väl visa lite fel här och där enligt "de lärde" och den visar korrekt i detta fall?

Eller har jag förlagt hjärnan, kanske tänker helt fel nu?  :q

Permalänk: https://www.webforum.nu/p/789642

## #15 — jarvklo, 2002-09-19T18:49Z

> **Web-Tor skrev:**
>
> ... koda enligt XHTMl-strict och där måste varje tabell innehålla \<tbody\>

> **Gjutjärn skrev:**
>
> Måste man inte ha \<thead\> och \<tfoot\> i Xhtml-strict?

Hmmm... Om vi nu ändå skall vara noga med vad som ingår eller ej... så **måste** man varken ha \<tbody\>, \<thead\> eller \<tfoot\> i en tabell... Inte ens i xhtml 1.0 strict !!! 

Gå till källan!
Kolla i [DTD:n](http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd)
Där står:

```
<!ELEMENT table
     (caption?, (col*|colgroup*), thead?, tfoot?, (tbody+|tr+))>
```

Vilket uttytt betyder att man är bunden till en viss ordning på taggarna i tabellen enligt:

1. noll eller en \<caption\> följt av
2. **antingen** n0ll eller flera \<col/\> **eller** noll eller flera \<colgroup\>
   OBS dock ej blandat! följden \<col/\>\<colgroup\>...\</colgroup\>\<col/\> gillas alltså inte enligt DTD:n.
3. noll eller en \<thead\>
4. noll eller en \<tfoot\>
5. och till sist **antingen** en eller flera \<tbody\> **eller** en eller flera \<tr\>

 

Minsta tillåtna tabell i xhtml strict blir alltså enligt DTD:n antingen

\<table\>
\<tr\>\<td\>\</td\>\</tr\>
\</table\>

eller

\<table\>
\<tbody\>\<tr\>\<td\>\</td\>\</tr\>\</tbody\>
\</table\>

Allt efter tycke och smak!

Samma sak framgår också i [XMLSchemat](http://www.w3.org/TR/2002/NOTE-xhtml1-schema-20020902/#xhtml1-strict) för xhtml 1.0 strict:

```
  <xs:element name="table">
    <xs:complexType>
      <xs:sequence>
        <xs:element minOccurs="0" ref="caption"/>
        <xs:choice>
          <xs:element minOccurs="0" maxOccurs="unbounded" ref="col"/>
          <xs:element minOccurs="0" maxOccurs="unbounded" ref="colgroup"/>
        </xs:choice>
        <xs:element minOccurs="0" ref="thead"/>
        <xs:element minOccurs="0" ref="tfoot"/>
        <xs:choice>
          <xs:element maxOccurs="unbounded" ref="tbody"/>
          <xs:element maxOccurs="unbounded" ref="tr"/>
        </xs:choice>
      </xs:sequence>
      <xs:attributeGroup ref="attrs"/>
      <xs:attribute name="summary" type="Text"/>
      <xs:attribute name="width" type="Length"/>
      <xs:attribute name="border" type="Pixels"/>
      <xs:attribute name="frame" type="TFrame"/>
      <xs:attribute name="rules" type="TRules"/>
      <xs:attribute name="cellspacing" type="Length"/>
      <xs:attribute name="cellpadding" type="Length"/>
    </xs:complexType>
  </xs:element>
```

Notera också (som sagt) att det inte finns något attribut som heter "height" ;) )

**Tillägg:**
Enligt HTML4.01:s [DTD:er](http://www.w3.org/TR/html4/sgml/dtd.html) (samma i alla tre faktiskt) krävs det dock att  man har med en \<tbody\>, för där ser DTD:n ut så här:

```
<!ELEMENT TABLE - -
     (CAPTION?, (COL*|COLGROUP*), THEAD?, TFOOT?, TBODY+)>
```

 dvs minst en TBODY krävs i alla lägen om man kör HTML4.01 - fast där har man löst det med att både start tag och end tag är optional - sp man behöver inte skriva in den i koden, den bara finns där ändå (IMHO är xhtml "renare" ;) - men det är en smaksak ;) )

Permalänk: https://www.webforum.nu/p/789651

## #16 — jarvklo, 2002-09-19T18:56Z

> **mibbe skrev:**
>
> Men är det inte så att Mozilla enligt de som vet ska vara väldigt korrekt mot alla standarder som finns? I så fall borde väl den inte visa korrekt vad gäller höjden på tabellen? Internet Explorer brukar väl visa lite fel här och där enligt "de lärde" och den visar korrekt i detta fall?
> 
> Eller har jag förlagt hjärnan, kanske tänker helt fel nu?  :q

Nejdå - du tänker rätt, men Mozilla har åtminstånde två olika "moder" för hur feltolerant den skall vara, och vilken mod du råkar få din sida tolkad efter beror på vilken \<!DOCTYPE\> du väljer...
Hamnar du i "Quirks mode" försöker den vara "förlåtande" och återskapa äldree webbläsares "buggiga" beteende, men hamnar du i "Standards mode" så är den lite mer oförlåtande. Samma sak i MSIE (och naturligtvis är tolkneingen av \<!DOCTYPE och kopplingen mot mode beroende på vilken version av respektive webbläsare som du råkar köra - även med en "korrekt" \<!DOCTYPE".¨

Info om fenomenet finns bl.a. på <http://www.hut.fi/u/hsivonen/doctype.html> och <http://www.alistapart.com/stories/doctype/>

Så... 
Vilken \<!DOCTYPE använder du när problemet uppstår och vilka versioner av MSIE och Moz kör du när du testar ?

Permalänk: https://www.webforum.nu/p/789653

## #17 — Web-Tor, 2002-09-20T06:36Z

> så måste man varken ha \<tbody\>, \<thead\> eller \<tfoot\> i en tabell... Inte ens i xhtml 1.0 strict !!!

Det var HTML 4.01 strict som jag menade. :r
Trodde faktiskt inte att XHTML blivit slappare...

Permalänk: https://www.webforum.nu/p/789845

## #18 — jarvklo, 2002-09-20T19:49Z

Eh :q  - men alltså - man **behöver** inte **skriva in** någon \<tbody\> i HTML4 Strict heller... :stud
Den finns automatiskt där ändå även om du utelämnar den i själva koden!!!

De två SGML-deklarationerna som säger detta (HTML4:as DTD:er är skrivna i SGML) är dels:

```
<!ELEMENT TABLE - -
     (CAPTION?, (COL*|COLGROUP*), THEAD?, TFOOT?, TBODY+)>
```

som visserligen säger att man måste ha minst en \<TBODY\> i en \<TABLE\>, men det som rör till det är deklarationen av själva \<TBODY\>-taggen som motsäger detta genom att säga att man inte måste skriva in varken \<TBODY\> eller \</TBODY\> i tabellen...
I SGML-deklarationen:

```
<!ELEMENT TBODY    [b]O O[/b] (TR)+           -- table body -->
```

så betyder "**O O**" att både start-  och sluttagg är "**O**ptional" - dvs *det skall anses att det finns en \<TBODY\>-tagg där även om man inte skriver ut den i koden och bara skriver en eller flera \<TR\>* !!!!
I deklarationen av \<TABLE\> står det "- -", vilket betyder att både start och sluttaggarna är obligatoriska...

Prova att validera (den faktisk helt godkända) koden:

```
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" 
                      "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
 <title>Tabell i html4 strict</title>
 <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
</head>
<body>
  <table>
    <tr>
      <td>
        <a href="http://validator.w3.org/check/referer">Validera mig!</a>
  </table>
</body>
</html>
```

(finns upplagd på <http://member.webforum.nu/2241/tabellstrikt.html> )

\----------------------------------------------------------

**OBS!**
Jag är absolut inte ute efter att hacka på någon här - jag tycker också att SGML är grötigt och har missuppfattat både det ena och det andra i olika DTD:er i mina dar - därav all kod i mina inlägg i denna tråd (jag vet av erfarenhet att det annars lätt kan bli missuppfattningar om vad som ingår eller ej i HTML och xhtml annars - och sådana sprider sig alldeles för lätt )  :birp

Permalänk: https://www.webforum.nu/p/793275

## #19 — Web-Tor, 2002-09-23T06:24Z

Du vet vad du snackar om jarvklo!
Jag är rätt ny på att läsa dtd:er så när jag såg plusset efter TBODY så tog jag för givet att man var tvungen att ha med det.

Nu vet jag bättre. :)

Permalänk: https://www.webforum.nu/p/794617

---

Tråden på webben: https://www.webforum.nu/amne/html-css/53124-height-100-i-tabeller