Imprimir Página - Centrar contenido css

Título: Centrar contenido css
Publicado por: Zedmix en 22 Enero 2011, 16:03 pm

Muy buenas tengo el siguiente CSS

Código:

/* 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.

Título: Re: Centrar contenido css
Publicado por: Nakp en 22 Enero 2011, 20:17 pm

quitale margin al body y crea una div que contenga todo, dale un ancho y margin: 0 auto;

Título: Re: Centrar contenido css
Publicado por: Zedmix en 23 Enero 2011, 13:37 pm

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.

Código:

BODY{
	background-color:#356887;
	height:768px;
	width:1024px;
	
}

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

Gracias

Título: Re: Centrar contenido css
Publicado por: Nakp en 23 Enero 2011, 21:44 pm

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

Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: Zedmix en 22 Enero 2011, 16:03 pm