---
title: "Height i NN6"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/1675-height-i-nn6"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Dino"
published: "2001-12-11T10:06:00.000Z"
updated: "2001-12-18T23:32:00.000Z"
replies: 17
views: 2665
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/1675-height-i-nn6"
---
# Height i NN6
## #1 — Dino, 2001-12-11T10:06Z
Får inte height="100%" (i en tabell) att funka i NN6, ironiskt nog funkar det i NN4,5. Har testat css, men det funkar inte heller. Vad göra???
Permalänk: https://www.webforum.nu/p/1675
## #2 — Web-Tor, 2001-12-11T12:18Z
Tabeller har inte attributet **height** enligt standarden.
Det kan vara så att NN6 följer standarden. ;)
Permalänk: https://www.webforum.nu/p/202799
## #3 — Chainsaw, 2001-12-11T13:36Z
Jag misstänker att Mozilla tolkar det hela bokstavligt. Säger du att tabellen ska vara 100% hög så blir den det. Vill du ha 50% istället så renderar den bara hälften. Det är min teori, och den är egentligen förbannat logiskt riktig.
Permalänk: https://www.webforum.nu/p/202800
## #4 — Erik Juhlin, 2001-12-11T13:46Z
Jo, det är väl så att om man har tabellen i t.ex. en div-tagg så blir det 100% av höjden av div-taggen och eftersom att div-taggen endast är så hög som det krävs om man inte specificerat någon höjd så fyller inte tabellen upp hela fönstret på höjden.
Permalänk: https://www.webforum.nu/p/202801
## #5 — spango, 2001-12-16T01:06Z
Jag har nästan samma problem. Jag sitter och leker lite med en sida, och vill att hela sidan ska bestå av ett stort block med lite luft runtomkring. Jag antog att det skulle vara så här:
```
[i]head mm... bla bla bla...[/i]
Mahga kre fûoox.
```
... dvs, div:en skulle fylla ut allt utrymme som finns i body:n, förutom de där 40 pixlarna på varje sida. Men det gör den inte, eftersom body:n inte anses ta upp hela fönstret utan bara det utrymme innehållet tar upp (vilket snarare låter som height: auto isf 100%). Det här innebär att div:en bara tar upp ett fåtal rader, om det är lite innehåll i den, vilket ser extremt korkat ut.
Är det någon som har en lösning på det här irriterande problemet, eller är det något man är tvungen att leva (och dö) med?
Permalänk: https://www.webforum.nu/p/202802
## #6 — Matte, 2001-12-16T02:05Z
Det är samma sak i IE6!!
Mozilla och Opera 5 gick att lura med följande:
```
```
Tyvärr funkar inte detta i IE6. Är därför också jag intresserad av om det finns någon lösning.
Permalänk: https://www.webforum.nu/p/202803
## #7 — jarvklo, 2001-12-16T10:02Z
NN6 verkar ha en marginal satt på body.
Är det det här du är ute efter Dino?
\
\
\
\Hej hopp\
\
\
\
Permalänk: https://www.webforum.nu/p/202804
## #8 — Dino, 2001-12-16T14:16Z
Det är just så jag skrivit, men NN6 tar endast upp height="100% av det utrymme som behövs, inte 100% av fönstret. Men detta var "a long time ago", jag gick runt problemet.
Permalänk: https://www.webforum.nu/p/202805
## #9 — exjan, 2001-12-16T14:29Z
> ...long time ago", jag gick runt problemet.
Jag är nyfiken -hur?
Permalänk: https://www.webforum.nu/p/202806
## #10 — Erik Juhlin, 2001-12-16T14:56Z
Lägg inte tabellen eller något liknande inne i ett annat element som inte är 100% av höjden. Jättesimpelt ju.
Låter man tabellen vara 100% av höjden av en \-tagg som endast är så hög som det krävs för att innehållet ska få plats!
Permalänk: https://www.webforum.nu/p/202807
## #11 — Erik Juhlin, 2001-12-16T15:03Z
Några exempel:
Här tar tabellen upp hela sidan i Mozilla.
```
...
```
Här tar tabellen upp hela höjden av \-taggen. Men eftersom att \-taggen endast är så hög som det krävs för att innehållet ska få plats så blir inte tabellen 100% av fönstret.
```
...
```
Här blir det rätt eftersom att tabellen tar upp 100% av \-taggen och \-taggen är 100% av hela sidan.
```
```
Så simpelt är det och det är Internet Explorer som gör fel som tolkar det på annat sätt.
Permalänk: https://www.webforum.nu/p/202808
## #12 — Dino, 2001-12-16T15:42Z
Jag tog bort height och eftersom jag bara behövde utrymmet så fyllde jag ut med BR tills saker hamnade där de skulle. Kanske inte det "rätta sättet", men jag fick det önskade resultatet. Nu ser det perfekt ut i IE(självklart), NN4,5 och NN6.
Permalänk: https://www.webforum.nu/p/202809
## #13 — spango, 2001-12-17T19:02Z
Lustigt (eller inte alls, om man tänker efter) - anledningen till att height inte funkade för mig var att jag använde XHTML isf HTML4. Eriks första exempel funkade toppen, men när jag bytte ut DTD:n + lite annat så att det blev korrekt XHTML så tog tabellen (eller div:en, som det var i mitt fall) bara upp det utrymme den behövde, inte det den hade tillgängligt. (Och ja, det är korrekt XHTML och CSS enligt W3C.)
Permalänk: https://www.webforum.nu/p/202810
## #14 — jarvklo, 2001-12-17T20:00Z
> ... men när jag bytte ut DTD:n ...
Jupp, **\ spelar numera roll!!!**
Det beror på att NN6 numera har åtminstånde två olika renderingsmoder för HTML-dokument ("standard" och "quirky") där "standard"-moden används om man använder en "aktuell" \ och "quirky" gör att NN försöker göra sitt bästa för att vara bakåtkompatibel med gamla webbläsarbeteenden som inte nödvändigtvis är standard (även kallad "Bugwards compatible mode" ;) )
En uttömmande genomgång av detta och hur det hanteras bl.a. i Mozilla (NN6) och IE6 finns på [http://www.hut.fi/\~hsivonen/doctype.html](http://www.hut.fi/~hsivonen/doctype.html)
Permalänk: https://www.webforum.nu/p/202811
## #15 — spango, 2001-12-17T20:30Z
Att XHTML renderas som man säger att det ska renderas har jag inga problem med, men jag förstår inte varför 100% av body:n är all tillgänglig höjd i vanlig HTML och varför det är den höjd som behövs (alltså auto snarare än 100%) i XHTML?
Permalänk: https://www.webforum.nu/p/202812
## #16 — jarvklo, 2001-12-18T21:19Z
Hmmm... Rotade vidare lite...
Det du får när du sätter height:100% på ett block-element (som t.ex. body), är att du får ett block som får höjden satt till 100% av **omgivande** block-elements höjd. Yttersta blocket får rot-elementets höjd... Så långt är allt klart... Men vad är det som är rot-element? \ eller ???
I XHTML a'la Mozilla:s (och många andra standardivrares) tolkning av hur XHTML skall samverka med CSS2, är det \ som är rot-element och inte \... Och \-elementet har fått height-attributet defaultat till auto (dvs "så mycket plats som behövs för innehållet, men inte mer) ... \ ärver \:s inställning, och även om du sätter 100% på \:s höjd, får du 100% av den höjd som bestäms av innehållet eftersom höjden på \ defaultar till auto i webbläsarens grundinställningar...
Lösning: Sätt height:100% på html-elementet!
Exempel: OBS! xhtml-strict:
```
test
```
och tjolahej - du får en tabell över hela höjden även i NN6.2 !! (har inte kollat i övriga NN6:or dock...)
Och jo - det finns en hel del inlägg i debatten som anser att just detta fenomen är en bugg i Mozilla ;)
Permalänk: https://www.webforum.nu/p/202813
## #17 — spango, 2001-12-18T21:46Z
Jisses, vilken overkill. Men jaja, det funkar iaf...
Permalänk: https://www.webforum.nu/p/202814
## #18 — Matte, 2001-12-18T23:32Z
Lite mer overkill. Detta är testat och fungerar i IE6, Mozilla 0.9.6, Opera 5.12 samt Netscape 4.78 (samtliga i windows):
```
Test Tabell 100%
```
Permalänk: https://www.webforum.nu/p/202815
---
Tråden på webben: https://www.webforum.nu/amne/html-css/1675-height-i-nn6