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>
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>