Centrar Capas

Soria_Design · #1 (**permalink**) 03/03/2010, 11:27

Hola soy nuevo en css solia usar siempre tablas para todo pero ahora me dijieron que las capas es mejor y lo vi y si la verdad es todo mas ordenado pero tengo un problema no puedo centrar a lo que le quiero poner de nombre Contenido

Quisiera que quede asi quisiera saber como hacer el cuadrado principal ya que los demas irian dentro del mismo.

asi seria como quiero que quede.

Desde ya muchas gracias y la verdad si es muy tonto lo que pido, la razon es que recien empiezo con css.

Carlangueitor · #2 (**permalink**) 03/03/2010, 11:32

Sería algo por el estilo:

Código HTML:

Ver original<div id="contenedor">
Contenido de la Capa</div>

Código CSS:

Ver original#contenedor {
margin: 0 auto;
}

Saludos

abimaelrc · #3 (**permalink**) 03/03/2010, 11:35

Y añadiendo a lo que dice Carlangueitor, también debes usar un doctype para que funcione el código de CSS.

Soria_Design · #4 (**permalink**) 03/03/2010, 11:51

Lo que tengo es lo siguiente :

doctype : <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Código CSS:

Ver original#centro {
    position: absolute;
    width:931px;
    height:auto;
    top: 15px;
    border : 1px solid #FF0F0F;
    background-color : #ACBCCC;
    }
 
    #contenedor {
    margin: 40px;
    }

Código HTML:

Ver original<div id="contenedor">
<div id="centro">contenido     </div>
</div>

Si bien se puse los pixeles para que se encuentre en el centro aproximadamente si el que visualiza la web tiene otra resolucion se deja de ver centrada ya que estoy indicando 40px de margen izquierdo quisiera saber como seria para acomodarlo en el medio sin importar el cambio de resolucion

abimaelrc · #5 (**permalink**) 03/03/2010, 12:07

Usa el ejemplo que te dio Carlangueitor.

Código CSS:

Ver originalmargin: 0 auto;

Impostor · #6 (**permalink**) 03/03/2010, 14:55

La position absolute no es necesaria, y el div #centro es innecesario. El código es algo como esto

Código CSS:

Ver original#contenedor {
width:931px;
height:auto;
border : 1px solid #FF0F0F;
background-color : #ACBCCC;
margin: 0 auto;
}

Saludos¡¡

Soria_Design · #7 (**permalink**) 03/03/2010, 17:05

Gracias y el div centro era un bloque prueba que es lo que iria adentro del div de centrado muchas gracias. me sirvio, y es tal cual me lo paso Carlangueitor pero parece que habia hecho algo mal.