Hallo Joerg,
Versuch mal, ein auf allen Browsern laufendes CSS-Äquivalent zu finden für:
Ich hab nur Gecko und IE6 ... Vielleicht können ja andere noch weitere Testen.
<table width=100% height=100% cellspacing=0 cellpadding=0 border=0>
<tr>
<td align="center" valign="center">
<table width=400 height=200 cellspacing=0 cellpadding=0 border=1>
<tr><td>
Content hier drin.
</td></tr>
</table>
</td>
</tr>
</table>
<html>
<style>
* {
margin: 0;
padding: 0;
}
div.aussen {
vertical-align: middle;
background: yellow;
height: 100%;
margin: 0;
padding: 0;
}
div.innen {
position: absolute;
top: 50%;
left: 50%;
}
div.ganzinnen {
position: absolute;
top: -200px;
left: -100px;
width: 400px;
height: 200px;
background: teal;
}
</style>
<body>
<div class='aussen'>
aussen
<div class='innen'>
<div class='ganzinnen'>
Hallo
<div>
</div>
</div>
</body>
</html>
--
Mit freundlichen Grüßen
Peer Oliver Schmidt
the internet company
PGP Key ID: 0x83E1C2EA