Tableless problem: vertikalno centriranje DIVapomozite mi da rešim ovo:
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html><head><title>Untitled Document</title></head>
<body>
<div style="width:300px;height:120px; border: green 1px solid;
text-align: center; display:table-cell; vertical-align:middle;">
<div style="width:20px;height:20px;border: red 1px solid; margin: auto auto;">
</div>
</div>
</body>
</html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html><head><title>Untitled Document</title></head>
<body>
<div style="width:300px;height:120px; border: green 1px solid;
text-align: center; display:table-cell; vertical-align:middle;">
<div style="width:20px;height:20px;border: red 1px solid; margin: auto auto;">
</div>
</div>
</body>
</html>
Nekako sam uspeo da centriram DIV po visini ali samo za FF, ne radi za IE6 jer ne poznaje display:table-cell.
Kako to uraditi za IE?
Kod tabela je to jednostavno: <td valign="middle">
)....ovo resenje koje ti je Aleksandar ponudio radi savrseno u browserima tj. ovo sa line-height umesto height-a i na njega sam mislio kad sam rekao da nije hack(prolazi validaciju CSS-a)...