24 Kasım 2008 Pazartesi

%100 Tablo Genişliği Kullanımı

Web tasarımında tablo kullananlar için sorun yaratan konulardan biride açılan tabloların dikeyde %100 boyutlandırılmasıdır. Tablo etiketindeki height alanı %100 gösterilse dahi işe yaramamaktadır. Bu problemi CSS kodlarıyla aşmak mümkündür.

Aşağıdaki CSS kodlarını style taglarınızın arasına yerleştirin.

html, body, #wrapper {
height:100%;
margin: 0;
padding: 0;
border: none;
text-align: center;
}
#wrapper {
margin: 0 auto;
text-align: left;
vertical-align: middle;
width: 400px;
}

Sayfadaki kullanımı ise şu şekilde olacak;

<body>
<table id="wrapper">
<tr>
<td>Ortalanmış Dikey Tablo // Turkwm.com</td>
</tr>
</table>
</body>