7 svar · 250 visningar · startad av westman
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
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" 
achsså, tack ska genast testa
.
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>
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...
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.
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>