la idea es que se centrase automáticamente sin poner 500/200 en los padding
Estatico:
Cita: padding-left: expression(((document.body.offsetWidth-500)/2)-2);
padding-top: expression(((document.body.offsetHeight-200)/2)-2);
Dinámico:
Cita: padding-left: expression(((document.body.offsetWidth-width_#contenido)/2)-2);
padding-top: expression(((document.body.offsetHeight-height_#contenido)/2)-2);
Cita: <!doctype html>
<div id="contenido">
Acá irá el contenido de nuestra página. Debe tener un alto definido.
</div>
<style>
html{
background:silver;
display: table;
height: 100%;
margin: auto;
padding-left: expression(((document.body.offsetWidth-500)/2)-2);
padding-top: expression(((document.body.offsetHeight-200)/2)-2);
}
body{
display: table-cell;
vertical-align: middle;
}
#contenido{
background:white;
height: 200px;
line-height: 200px;
text-align: center;
vertical-align: middle;
width: 500px;
}
</style>