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.
quitale margin al body y crea una div que contenga todo, dale un ancho y margin: 0 auto;
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
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