100% höjd på div innuti tabell.

4 svar · 579 visningar · startad av ConnyFox 11 dec. 2006

ConnyFoxMedlem sedan aug. 20011 087 inlägg

Frågan11 dec. 2006 19:02#1

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>

bossseMedlem sedan juni 2003771 inlägg

11 dec. 2006 22:14#2

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>

OkkidoMedlem sedan maj 20007 492 inlägg

11 dec. 2006 22:28#3

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

ConnyFoxMedlem sedan aug. 20011 087 inlägg

12 dec. 2006 03:54#4

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.

zcorpanMedlem sedan dec. 20042 245 inlägg

12 dec. 2006 14:49#5

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

Alt 2:

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