---
title: "100% hög"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/147446-100-hög"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Thompa__85"
published: "2006-05-29T15:10:22.000Z"
updated: "2006-06-01T16:41:08.000Z"
replies: 3
views: 526
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/147446-100-hög"
---

# 100% hög

## #1 — Thompa__85, 2006-05-29T15:10Z

Hej Wf!

jag har sökt och hittat många lösningar på det här med att få en tabell 100% hög. Men ingen av dessa lösningar löste mitt problem :/ Troligen har jag lagt in någon kod som förhindrar det ;) Men vet inte vad...

<http://thomsson.net.tmpurl.com/>

Som ni ser får jag inte den enda ner, hur gör jag?

Mvh Andreas

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

## #2 — jarvklo, 2006-05-29T18:12Z

Lösningsförslag baserat på entandardmetod (efter en snabbkoll på din kod):

I ditt stylesheet lägger du in: 

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

 och sedan lägger du tabellen "ytterst" (dvs du tar bort din nuvarande containerdiv )

Orsaken (något förenklat): 
Defaulthöjderna för html och/eller body är normalt "auto" (dvs "så mycket höjd som innehållet tar upp av sig självt") när du kör i "standards mode" (vilket du gör tack vare valet av \<!DOCTYPE ) - och när du anger height: 100% på din tabell så blir det 100% av "auto" vilket per definition är lika med "auto" - dvs inte relaterat till fönstrets höjd utan innehållets egentliga höjd...

\*men\* ändrar du defaulten från "auto" till "100%" (med t.ex. koden i exemplet) relaterar den istället till 100% av webbläsarfönstrets visningsytas höjd.

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

## #3 — Thompa__85, 2006-06-01T10:50Z

Ska jag vara helt ärligt fattar jag inte riktigt hur jag ska göra :/

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

## #4 — jarvklo, 2006-06-01T16:41Z

Fair enough :)

Såhär menar jag (slutet på head, början på body)  

```
  
<!-- *** ny kod (kan läggas i stilmallen om du vill  *** -->  
<style type="text/css">
body, html { height: 100%; margin: 0; padding: 0; }
</style>
<!-- *** -->

</head>

<body>

<!-- *** Här saknas den yttersta div-taggen *** -->
<!-- *** vill du ha "luft" här kan du alltid lägga till en extra rad i tabellen (typ) *** -->

<table style="width:720px; margin-right: auto; margin-left: auto; height: 100%" border="0" cellpadding="0" cellspacing="0">
  <tr>
```

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/147446-100-hög
