Centrar contenido css

Iniciado por Zedmix, 22 Enero 2011, 16:03 PM

0 Miembros y 1 Visitante están viendo este tema.

Zedmix

Muy buenas tengo el siguiente CSS
/* BODY estructura genérica*/
BODY{
background-color:#356887;
margin-top:55px;
height:768px;
width:1024px;
margin-left:80px;
margin-right:80px;
margin-bottom:40px;
margin:0 auto;

}

#logo{
height:126px;
width:316px;
background-image:url(../images/logo.png);
float:left;


}

#buscador{
height:126px;
width:548px;
background-image:url(../images/buscador.png);

float:left;
}

#menu{
height:496px;
width:316px;
background-image:url(../images/menu.png);
float:left
}

#cuerpo{
height:496px;
width:548px;
background-image:url(../images/body.png);
float:left;

}

#pie{
width:864px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
color:#ffffff;
font-size:14px;
height:91px;

}


Y claro no me sale el contenido centrado en absoluto, entonces queria saber si estoy fallando en algo o es que directamente me falta algo, un saludo.
Conciencia, Compromiso, Rebeldia y Solidaridad



Nakp

quitale margin al body y crea una div que contenga todo, dale un ancho y margin: 0 auto;
Ojo por ojo, y el mundo acabará ciego.

Zedmix

Le he echo esto ahora a ver que tal, pero sigue sin centrarse, se separa un poco de la izquierda pero mucho de la derecha.
BODY{
background-color:#356887;
height:768px;
width:1024px;

}

#separacio{
margin:0 auto;
margin-left:80px;
margin-right:80px;
}


Gracias
Conciencia, Compromiso, Rebeldia y Solidaridad



Nakp

quita el left y right... las propiedades de margin van en sentido horario y si faltan 2 se toma el opuesto (ya te explico xD)

margin: arriba derecha abajo izquierda;

si solo pones 2, seria arriba y su opuesto (abajo) derecha y su opuesto (izquierda)

margin-left y margin-right "override" (reemplaza, superpone) el auto que ya definiste en margin :P
Ojo por ojo, y el mundo acabará ciego.