Problema con maquetación de columnas.

FFreddyy · #1 (**permalink**) 28/09/2009, 13:56

HTML:

Código:

<html>
	<head>
		<TITLE></TITLE>
		<style type="text/css">
			import url(style.css);  /*Al import le falta el "@" porque me salía un error al intentar crearr el post.*/
		</style>
	</head>
	<body>
		<div id="HeaderOuter">
			<div id="header">
			</div>
		</div>
		<div id="contentOuter">
			
			<div id="content">
				<div id="leftSidebar">asfdsdf<br>ja
				</div>
				
				<div id="center">
				</div>
				
				<div id="rightSidebar">asfdsdf<br>ja<br>kljasdlfj
				</div>

			</div>
		</div>
	</body>
</html>

CSS:

Código:

*{
	min-height:20px;
}
html{
	height:100%;
}
body{
	text-align:center; /*Center Hack*/
	border:1px blue solid;
	height:100%; width:100%; margin:0;padding:0;
	position:relative;
	height:100%;
}

div#HeaderOuter{
	margin:0 auto 0 auto;
	width:100%;
	border:solid red 1px;
	height:auto;
}

div#header{

	margin:0 auto 0 auto; padding:0;
	width:98%;
	border:solid blue 1px;
	
}

div#contentOuter{
	text-align:left; /*Center Hack*/
	width:960px;
	margin:auto; bottom:0;
	border:solid red 1px;
	background-color:#eee;
}

div#content{
	position:relative;
	padding:0;margin:0;
	border:solid green 1px;
	left:10px; top:10px; right:10px;
	width:940px;
	background-color:#fcc;
}

div#rightSidebar{
	float:left;
	padding:0;width:140px;
	border:solid blue 1px;	
}

div#center{
	float:left;

	margin:0 0; padding:0; width:654px;
	border:solid black 1px;	
}

div#leftSidebar{
	float:left;
	padding:0;width:140px;
	border:solid blue 1px;
}

Mi problema es que quiero que que el los div contentOuter y content se extiendad según el contenido de las barras verticales y del centro.

alexk · #2 (**permalink**) 28/09/2009, 14:33

el primer problema el <!DOCTYPE

ahora creo que esto es lo que necesitas
http://www.araudi.net/ejemplos/colum...ilibradas.html

FFreddyy · #3 (**permalink**) 28/09/2009, 15:19

Muchas gracias ALEXK, viendo el código del enlace que me pasaste me dí cuentaa de que el único problema era que precisaba un "overflow:auto" en el div content. Saludos

alexk · #4 (**permalink**) 28/09/2009, 15:29

gracias a Mikmoro jaja que bueno que este solucionado chao y suerte!