Foros del Web » Creando para Internet » CSS »

Problema con maquetación de columnas.

Estas en el tema de Problema con maquetación de columnas. en el foro de CSS en Foros del Web. 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.*/ ...
  #1 (permalink)  
Antiguo 28/09/2009, 14:56
 
Fecha de Ingreso: enero-2009
Mensajes: 56
Antigüedad: 8 años, 10 meses
Puntos: 1
Pregunta Problema con maquetación de columnas.

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.
  #2 (permalink)  
Antiguo 28/09/2009, 15:33
Avatar de alexk
Colaborador
 
Fecha de Ingreso: julio-2009
Ubicación: De vuelta al trono
Mensajes: 1.697
Antigüedad: 8 años, 4 meses
Puntos: 137
Respuesta: Problema con maquetación de columnas.

el primer problema el <!DOCTYPE

ahora creo que esto es lo que necesitas
http://www.araudi.net/ejemplos/colum...ilibradas.html
  #3 (permalink)  
Antiguo 28/09/2009, 16:19
 
Fecha de Ingreso: enero-2009
Mensajes: 56
Antigüedad: 8 años, 10 meses
Puntos: 1
De acuerdo Respuesta: Problema con maquetación de columnas.

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
  #4 (permalink)  
Antiguo 28/09/2009, 16:29
Avatar de alexk
Colaborador
 
Fecha de Ingreso: julio-2009
Ubicación: De vuelta al trono
Mensajes: 1.697
Antigüedad: 8 años, 4 meses
Puntos: 137
Respuesta: Problema con maquetación de columnas.

gracias a Mikmoro jaja que bueno que este solucionado chao y suerte!
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 22:53.