Centrar contenido en CSS

gVenom · #1 (**permalink**) 13/02/2009, 16:16

Saludos.

He leido mas de cuarenta respuestas a esta pregunta, y le he aplicado todas las respuestas a mi codigo, y aun sigo sin poder centrar el contenido de mi página web.

El código CSS es:

Código HTML:

body {
	margin:0px;
	padding:0px;
}
div.Table_01 {
	margin:0 auto;
	padding:0;
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:920px;
}

table_01 es el div contenedor, todo esta dentro de el, lo uso así:

Código HTML:

<div class="Table_01">

asi que creo que todo esta bien. He estado cambiando el margin 0; margin 0 auto; text-align="center" y no logro centrar nada. Mi Doctype:

Código HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

Alguna idea nueva?

willyfc · #2 (**permalink**) 13/02/2009, 18:51

pues sencillamente no se centra por que tiene position:absolute, no puedes centrar un div absoluto por que trabaja de otra manera, se mueve bajo top,left,rignt,bottom no con margenes o rellenos, ahora, necesariamente tiene que ser absoluto?

Mikmoro · #3 (**permalink**) 13/02/2009, 19:12

Y además de lo que dice willyfc, si tiene un ancho del 100%, ¿cómo quieres que se centre? está ocupando todo el ancho disponible, no se puede centrar. BUeno, está centrado, sí, ocupando el 100%

chuekeron · #4 (**permalink**) 13/02/2009, 19:14

Cita:

Iniciado por gVenom

Código HTML:

body {
	margin:0px;
	padding:0px;
}
div.Table_01 {
	margin:0 auto;
	padding:0;
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:920px;
}

Alguna idea nueva?

#contenedor {
margin-right: auto;
margin-left: auto;
top: 0px;
width: 400px; /*esto es estimado por mi*/
height: 920px;
}

Suponiendo que el div se llame contenedor. Espero que t sirva.