Duruti: Tabelle Top:0px und gleichzeitig mittig ausrichten

Beitrag lesen

Hallo Markus,

bevor Du wahnsinnig wirst:

Getestet mit IE 5.5/6.0/Opera7.23/Firefox0.9/ alle unter Windows
Html/Css w3c-konform nach Doctype strict.

"margin:auto" funktioniert mit dem weit verbreiteten IE 5.5 nicht!

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">

<style type="text/css">
<!--
#tabelle
{
position:absolute;
left:0px;
top:0px;
}
.tabelle
{
width:100%;
height:100%;
border-collapse:separate;
border:1px solid red;
}
.zelle
{
width:auto;
height:auto;
background-color:#ffffff;
border:1px solid green;
}
.text
{
text-align:center;
vertical-align:middle;
}
html,body
{
width:100%;
height:100%;
margin:0px;
overflow:hidden;
}
//-->
</style>

/////////////////////////////////////////////////

<table id="tabelle" class="tabelle">
<tr>
<td id="zelle" class="zelle text">Text</td>
</tr>
</table>

/////////////////////////////////////////////////

Mit Gruß Duruti