Hola MMM_240...
La respuesta de Jm Rosón B es completa y muy válida. Por lo menos a mí de la forma que él explica no me falla la centralización vertical ni horzontal de la capa o división contenedora de todos los objetos en el documento. Entiéndase la solución que proporciona:
Código CSS:
Ver original#contenedor {
POSITION: relative;
WIDTH: 800px;
MIN-HEIGHT: 500px;
MARGIN-LEFT: auto;
MARGIN-RIGHT: auto;
CLEAR: both;
BACKGROUND: #000;
}
Pero si quieres experimentar otra manera de hacerlo, puede ser de la siguiente manera con la ayuda de css + javascript
:
Creas un div o capa contenedora con las siguientes especificaciones de estilo:
Luego la dotas de estilo ya sea en un (.css) o en la cabecera de tu hoja html como muestra el ejemplo siguiente:
Código CSS:
Ver original<style type="text/css">
<!--
#bodycopy
{
float: left; /* TAMBIÉN PUEDE SER margin: 0px auto; */
width: 800px; /* PUEDE SER TAMBIÉN DE 1000PX */
min-height: 600px;
background: #ffffff;
}
-->
</style>
Luego en la cabecera de tu documento html, entre las etiquetas <head></head> escribes el siguiente código:
Código Javascript
:
Ver original<script type="text/javascript">
<!--
function autoMargin()
{
var ancho = screen.width;
var pos = (ancho - 800)/2; // 800 es igual al width de la capa que quieres centralizar
document.getElementById('bodycopy').style.marginLeft = pos;
}
// -->
</script>
Este método me sirve para FF, Crome, IE, Opera y Safari, y tampoco he tenido ningún tipo de problemas con el mismo.