Ver Mensaje Individual
  #2 (permalink)  
Antiguo 01/04/2009, 06:30
xurxinho
 
Fecha de Ingreso: marzo-2009
Mensajes: 171
Antigüedad: 15 años, 8 meses
Puntos: 4
Respuesta: pagina web centrada con CSS

El problema es que tu para centrar la pagina estas utilizando posiciones absolutas con lo cual situas los contenedores en posiciones fijas de la pantalla con los cual no puedes centrar.

</head>
<style type="text/css">
#cuerpo {
position:absolute;
left:0px;
top:0px;
width:10px;
height:10px;
background-color: #000000;
}
</style>
</head>

<body style="padding:0px;margin:0px">
<table border="0" cellpadding="0" cellspacing="0" align="center" style="border:1px solid #ca0000;position:relative"><tr><td>
<div id="cuerpo">hola</div>
</div>
</td></tr></table>
</body>
</html>

En este caso aparece una tabla centrada y el contendor cuerpo aparece dentor de la tabla en la posicion absuluta x,y. Para ubicar dentro de un contenedor un elemento este tiene que tener obligatoriamente su position en relative. Si yo a la tabla le quitase el atributo position:relative el cuadrado negro tomaría como referencia el punto x,y de la pantalla, es decir del body.

Pero si lo que quieres es centrar contenido con esto te llega


<body style="padding:0px;margin:0px">
<table border="0" cellpadding="0" cellspacing="0" align="center" style="border:1px solid #ca0000;width:800px"><tr><td>
bla bal balba b al
</td></tr></table>
</body>
</html>