---
title: "100% Height"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/119648-100-height"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "westman"
published: "2005-01-08T21:36:09.000Z"
updated: "2005-01-08T22:42:28.000Z"
replies: 7
views: 250
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/119648-100-height"
---

# 100% Height

## #1 — westman, 2005-01-08T21:36Z

Hur gör man för att en tabell ska täcka hela sidan på höjden? Att sätta style="height:100%" fungerar ju inte.
Tacksi

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

## #2 — jarvklo, 2005-01-08T21:58Z

Jodå, men du måste tala om att du vill använda hela visningsarean i webbläsaren också, t.ex. såhär:

```
<style type="text/css">
    body,html {height:100%;margin:0;padding:0}
</style>
```

eftersom du använder en \<!DOCTYPE som ställer webbläsaren i "standards compliant mode" ;)

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

## #3 — westman, 2005-01-08T21:59Z

achsså, tack ska genast testa

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

## #4 — K@llen, 2005-01-08T22:01Z

.

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

## #5 — westman, 2005-01-08T22:14Z

Blir galen...
Height:en fungerar nu, men varför hamnar texten "test" längst ner för? 

```
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>XXXXX</title>
<link rel='stylesheet' href='kontrollpanel/style.css'>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body style="margin-top:0px; background-image:url(grafik/sky.gif); background-repeat:repeat-x; height:100%">

<table style="margin-top:0px; width:800px; height:100%; background-color:#FFFFFF" align="center"><tr><td valign="top">

<table style="background-color:#00CC66">
<tr><td valign="top" style="height:100px"><br>
<img src="grafik/logga.gif"><!--Loggan--></td></tr>
</table>

</td></tr><tr><td valign="top">

<table style="margin-top:0px">
<tr><td valign="top" style="height:*">test</td></tr>
</table>

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

</body>
</html>
```

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

## #6 — jarvklo, 2005-01-08T22:24Z

Webbläsaren försöker fördela höjderna på dina två tabellceller enligt vissa regler och detta gör den övre cellen högre än den undre med det innehåll cellerna har just nu...

Slå på border="1" på den yttersta tabellen så ser du vad jag menar...

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

## #7 — westman, 2005-01-08T22:37Z

mm, men när jag sätter tex height: 100px på den översta td:en så blir det ändå ingen skillnad.. Den undre td:en ligger fortfarande nästan längst ner.

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

## #8 — jarvklo, 2005-01-08T22:42Z

Hmm...

Vad är det \*egentligen\* du vill få till ?

Är det bara att lägga loggan upptil och sedan"resten" under kan du göra det så enkelt för dig som t.ex. såhär:

```
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html style="height:100%">
<head>
<title>XXXXX</title>
<link rel='stylesheet' href='kontrollpanel/style.css'>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body style="margin-top:0px; background-image:url(grafik/sky.gif); background-repeat:repeat-x; height:100%;">

<table border="1" style="margin-top:0px; width:800px; height:100%; background-color:#FFFFFF" align="center">
<tr><td valign="top">

<table style="background-color:#00CC66">
<tr><td valign="top" style="height:100px"><br>
<img src="grafik/logga.gif"><!--Loggan--></td></tr>
</table>

<!-- allt innehåll -->
test

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

</body>
</html>
```

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

---

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