100% Height

7 svar · 245 visningar · startad av westman 8 jan. 2005

westmanMedlem sedan aug. 2004279 inlägg

8 jan. 2005 21:36#1

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

jarvkloMedlem sedan juli 20013 295 inlägg

8 jan. 2005 21:58#2

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" ;)

westmanMedlem sedan aug. 2004279 inlägg

8 jan. 2005 21:59#3

achsså, tack ska genast testa

K@llenMedlem sedan mars 20032 654 inlägg

8 jan. 2005 22:01#4

westmanMedlem sedan aug. 2004279 inlägg

8 jan. 2005 22:14#5

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>

jarvkloMedlem sedan juli 20013 295 inlägg

8 jan. 2005 22:24#6

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...

westmanMedlem sedan aug. 2004279 inlägg

8 jan. 2005 22:37#7

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.

jarvkloMedlem sedan juli 20013 295 inlägg

8 jan. 2005 22:42#8

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>