---
title: "100% höjd på div innuti tabell."
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/154773-100-höjd-på-div-innuti-tabell"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "ConnyFox"
published: "2006-12-11T19:02:09.000Z"
updated: "2006-12-12T14:49:13.000Z"
replies: 4
views: 586
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/154773-100-höjd-på-div-innuti-tabell"
---

# 100% höjd på div innuti tabell.

## #1 — ConnyFox, 2006-12-11T19:02Z

Varför fungerar inte detta?
Div:en i den högra td´n går inte hela vägen :( den verkar dra ut sig en bit men inte hela vägen som sagt.. himla konstigt..

```
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html style="height: 100%;">
<head>
	<title></title>
<meta name="generator" content="TSW WebCoder">
<link rel="stylesheet" href="stylesheet.css" />
<style type="text/css" media="screen"> 
body { 
margin:0; 
padding:0; 
height:100%;
} 
</style>
</head>

<body style="height: 100%;">

<table style="height: 100%;">
<tr>
<td>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
</td>
<td style="height: 100%;">
<div style="width: 100px; height: 100%; display: block; background-color: #000000;">hhh</div>
</td>
</tr>
</table>

</body>
</html>
```

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

## #2 — bossse, 2006-12-11T22:14Z

Vet inte om jag förstod din fråga riktigt.
Vad menar du med "går inte hela vägen"? menar du både bredd och höjd? 

Testa med detta, har lagt in border och annan färg för tydligheten.
Sedan vet men inget om innehållet i din länkade css-fil

```
<table style="height:100%; border:1px solid black; margin:5px"  cellspacing=0 cellpadding=0>
<tr>
<td>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
</td>
<td style="height: 100%;">
<div style="width: 100px; height: 100%; background-color:gray">hhh</div>
</td>
</tr>
</table>
```

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

## #3 — Okkido, 2006-12-11T22:28Z

Möjligen en OT fråga. Men varför vill du ha en div som följer hela tabellen?

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

## #4 — ConnyFox, 2006-12-12T03:54Z

Menade att jag vill att den skall gå 100% på höjden som det står i rubriken.

Anledningen till att jag vill det är att det skall ligga en div där med en bakgrundsbild i och jag kan inte lägga bakgrunden på td´n för att div:en skall inkluderas från en annan fil.

Bossses kod bungerar bra om man inte använder xhtml 1.0 standaren som jag gör för då dras den fortfarande inte hela vägen på höjden.

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

## #5 — zcorpan, 2006-12-12T14:49Z

Alt 1: Trigga quirks mode genom att ta bort doctypen.

Alt 2: 

```
html, body, table, tbody, tr, td, div { height:100%; }
```

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/154773-100-höjd-på-div-innuti-tabell
