Hur får man height:100% på en tabell? Får det inte att funka.vet att man inte kan skriva height="100%" Efter att ha testat upptäckte jag att style="height: 100%" fungerade om man inte hade en DOCTYPE, men inte med. bra fråga inte tänkt så långt än :) .Kanke slänga in ett lager så sätta scroll på den. Browsern uppför sig helt korrekt när den inte sätter tabellens höjd till hela sidan om du bara har satt height:100% på tabellen. <code> Funkar det lika bra om du lägger till en DOCTYPE-deklaration i början, Bo? Beror på vilken man väljer, denna funkar i vart fall! height:100% på en table
Men det skall ju funka med style=height:100%" men det gör det inte för mig.Sv:height:100% på en table
En fråga: Vad skall hända om texten inte får plats i tabellen?Sv: height:100% på en table
Sv: height:100% på en table
Om du sätter ett procentvärde på egenskapen height på ett block-element betyder det en del av det omslutande blockets höjd, t.ex. body-elementet om tabellen ligger direkt under detta. Height's default-värde är auto, vilket innebär att höjden på ett element beräknas att bli precis tillräckligt för att innehålla dess 'ättling'-element.
För att få tabellen att täcka hela sidan måste du ange height:100% på alla 'förfader'-element till din tabell inklusive html-elementet. Att sätta height:100% på html elementet innebär 100% av "viewporten", d.v.s. hela 'browser'-fönstret i browsern.
Lek runt lite med exempel-koden i olika browsers för att se hur olika man har tolkat css-specifikationen, det är lärorikt.
Ex.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">-->
<html style="height:100%;border:blue solid 2px;">
<head><title>Height demo</title></head>
<body style="height:100%;border:green solid 2px;">
<div style="height:100%;border:yellow solid 2px;">
<table style="height:100%;border:red solid 2px;">
<tr><td>Text</td></tr>
</table>
</div>
</body>
</html>
Sv:height:100% på en table
<html>
<head>
<title></title>
<style type="text/css">
<!--
body {background-color:green; color:yellow;margin:2px;}
table {width:100%; height:100%; background-color:blue;}
td {border:1px solid black;}
-->
</style>
</head>
<body >
<table>
<tr>
<td> cell 1 </td>
<td> cell 2 </td>
</tr>
<tr>
<td> cell 3 </td>
<td> cell 4
<br>
</td>
</tr>
</table>
</body>
</html>
</code>Sv: height:100% på en table
Sv:height:100% på en table
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">