Ver Mensaje Individual
  #9 (permalink)  
Antiguo 11/02/2009, 18:10
ssclamp
 
Fecha de Ingreso: octubre-2004
Mensajes: 289
Antigüedad: 20 años, 1 mes
Puntos: 10
Respuesta: Ayuda para centrar capas

No estoy seguro de lo que necesitas (comparto la duda con Mikmoro) pero si es este esquema



este código te lo construye:

Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Prueba de distribución</title>
<style type="text/css">
* {
	margin:0px; padding:0px;
}
html {
	height: 100%;
}
body {
	text-align: center;
	margin: 0px;
	height: 100%;
	color: #fff;
	font-family: sans-serif;
	font-size: 12pt;
}
#container {
	position: relative;
	top: 0px;
	left: 0px;
	width: 750px;
	height: 100%;
	margin: 0px auto;
	overflow: hidden;
	text-align: left;
	background-color: #ff00ff;
	border: #000000 1px solid;
}
#header {
	position:relative;
	top:0px;
	left: 0px;
	width: 750px;
	height: 230px;
	margin: 0px;
	padding: 0px;
	background-color: #ff0000;
}
#sidebar {
	width: 204px;
	position: absolute;
	top: 230px;
	left: 0px;
    height: 100%;
	float: left;
	margin: 0px;
	padding: 0px;
    background-color: #aa8a8d;
}
#sidebarOpciones {
	width: 204px;
	height: 162px;
	margin: 0px;
	padding: 0px;
	background-color: #00cc00;
}
#sidebarCuerpo {
	width: 204px;
	height: 100px;
	margin: 0px;
	padding: 0px;
}
#sidebarContacto {
	width: 204px;
	height: 117px;
	margin: 0px;
	padding: 0px;
	background-color: #484848;
}
#main {
	position:absolute;
	top: 230px;
	left: 162px;
	float: right;
	width: 100%;
	height: 100%;
	margin: 0px 20px 20px 0px;
	padding: 0px;
	background-color: #000fff;
}
#footer {
	clear: both;
	margin: 0px;
	padding: 0px;
}
</style>
</head>

<body>
<div id="container">
	<!-- CABECERA -->
		<div id="header">header</div>
	<!-- FIN CABECERA -->
			
	<!-- MENU OPCIONES -->
		<div id="sidebar">
			<div id="sidebarOpciones">sidebar-opciones</div>
			<div id="sidebarCuerpo">sidebar-cuerpo</div>
			<div id="sidebarContacto">sidebar-contacto</div>
		</div>
	<!-- FIN MENU OPCIONES -->
					
	<!-- CUERPO -->
	<div id="main">main</div>
	<!-- FIN CUERPO -->
				
	<!-- PIE -->
		<div id="footer">footer</div>
	<!-- FIN PIE -->
			
</div>
</body>

</html> 
Saludos