Tabel cu height 100% folosind CSS

Jun 5, 2009 CSS height table

Nu este tocmai o problema de programare dar este foarte utila.

Atunci cand se defineste o inaltine (height) in procente, elementul va lua inaltinea elementului care il contine. Cu alte cuvinte pentru a rezolva aceasta problema se poate defini put si simplu inaltinea elementului body si html din CSS.

 1<html>
 2<head>
 3<style type="text/css">
 4html, body {
 5height:100%;
 6}
 7</style>
 8</head>
 9
10<body>
11<table height="100%" width="100%">
12    <tr>
13    	<td valign="middle" align="center">Text in centru</td>
14    </tr>
15</table>
16</body>
17</html>

Textul va fi fix in centrul paginii.