Ver Mensaje Individual
  #21 (permalink)  
Antiguo 23/02/2009, 16:50
Acelsp
 
Fecha de Ingreso: mayo-2008
Mensajes: 70
Antigüedad: 15 años, 11 meses
Puntos: 0
Respuesta: Ayuda para centrar capas

Retomo este tema, ya que afortunadamente se han solucionado los problemas de la web.

He estado mirando ejemplos por google y he encontrado uno que me ha ayudado muchísimo y casi lo tengo terminado. Este es el código:

Código:
body {
	text-align: center;
	margin: 0px;
	height: 100%;
	color: #fff;
	font-family: sans-serif;
	font-size: 12pt;
	background: url(Images/Back.jpg) top left;
}

#container {
	position: absolute;
	width: 750px;
	height: 100%;
	margin: 0px auto;
	margin-left:-375px;
	left: 50%;
	top: 0px;
	text-align: left;
	background: url(Images/Fondo.jpg) top left;
	border: #000000 1px solid;
	border-width:0px 1px 0px 1px;
}

#header {
	background: url(Images/Cabecera.jpg) top left no-repeat;
	width: 750px;
	height: 231px;
	margin: 0px;
	padding: 0px;
}

#sidebar {
	width: 204px;
	float: left;
	margin: 0px;
	padding: 0px;
}

#main {
	float: left;
	width: 526px;
	margin: 0px 20px 20px 0px;
	padding: 0px;
}

#footer {
	clear: left;
	margin: 0px;
	padding: 0px;
	width: 750px;
	height: 26px;
	position:absolute;
	left:0px;
	bottom:0px;
	background: url(Images/BottomBarBack.gif) top left no-repeat;
}
Como decía, casi lo tengo. Mi único problema ahora es que si el main tiene demasiado texto se sale por abajo. Es decir, ya he conseguido alinear el pie a la parte de abajo, pero no consigo hacerlo crecer con el texto.

Creo que estoy a punto de terminarlo. Agradezco cualquier ayuda.