Table | Claudiu Perșoiu's Blog

Tabel cu height 100% folosind CSS

Jun 5, 2009 CSS height table

Share on:
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.