Foros del Web » Creando para Internet » CSS »

Problema con div contenedor

Estas en el tema de Problema con div contenedor en el foro de CSS en Foros del Web. Estimados Amigos: Tengo el siguiente problema: resulta que tengo un div contenedor con un color de fondo y dentro de el 2 divs mas, uno ...
  #1 (permalink)  
Antiguo 22/04/2009, 18:12
 
Fecha de Ingreso: noviembre-2003
Ubicación: Guatemala
Mensajes: 72
Antigüedad: 14 años, 1 mes
Puntos: 0
Pregunta Problema con div contenedor

Estimados Amigos:

Tengo el siguiente problema: resulta que tengo un div contenedor con un color de fondo y dentro de el 2 divs mas, uno para el contenido y el otro un sidebar. El contenido y sidebar se ven bien pero el contenedor no se muestra este es mi codigo html:

Código HTML:
<body>
	<div id="page">
		<div id="header">
			<h1><a href="index.php">Mi Aplicacion</a></h1>
			<div id="h_bar">
				<span class="b_welcome">[email protected] </span>
			</div>
		</div>
		<div id="main_content">
			<div id="content">
				<?php include_once('contenido.php'); ?>
			</div>
			<div id="sidebar">
				<?php include_once('menu.php'); ?>
			</div>
		</div>
		<div id="footer">
			
		</div>
	</div>
</body> 
Y este es mi codigo Css de contenedor:
Código:
#main_content {
	padding: 10px;
	height: auto;
}

#content {
	display: block;
	position: relative;
	width: 550px;
	float: left;
	background-color: #fff;
	border: 1px solid #444;
	margin-right: 10px;
}

#sidebar {
	display: block;
	position: relative;
	width: 200px;
	float: right;
	background-color: #fff;
	border: 1px solid #444;
}
Desde ya muchas gracias por sus aportes.

Saludos.
  #2 (permalink)  
Antiguo 22/04/2009, 18:25
Avatar de willyfc  
Fecha de Ingreso: octubre-2008
Ubicación: Santa Cruz - Bolivia
Mensajes: 662
Antigüedad: 9 años, 2 meses
Puntos: 40
Respuesta: Problema con div contenedor

no estoy seguro de si es esto lo que quieres, pero el page no existe entonces trata de tomar todo el ancho del navegador, el main_content no tiene ancho definido tampoco ni color de fondo, tampoco se repetirá por que no le has dicho que lo haga ya que tiene un alto en auto, espero esto sirva de guía:

Código html:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  4. <title>Documento sin t&iacute;tulo</title>
  5. <style type="text/css">
  6. #page{width:764px; margin:0 auto;}
  7. #main_content {
  8.     width:764px;
  9.     padding: 10px;
  10.     height: auto;
  11.     overflow:auto;
  12.     background:#CCCCCC;
  13. }
  14.  
  15. #content {
  16.     width: 550px;
  17.     float: left;
  18.     background-color: #fff;
  19.     border: 1px solid #444;
  20.     margin-right: 10px;
  21. }
  22.  
  23. #sidebar {
  24.     width: 200px;
  25.     float: right;
  26.     background-color: #fff;
  27.     border: 1px solid #444;
  28. }
  29. .footer{clear:both; width:750px; height:20px; background:#000;}
  30. </head>
  31.  
  32.     <div id="page">
  33.         <div id="header">
  34.             <h1><a href="index.php">Mi Aplicacion</a></h1>
  35.             <div id="h_bar">
  36.                 <span class="b_welcome">[email protected] </span>
  37.             </div>
  38.         </div>
  39.         <div id="main_content">
  40.             <div id="content">
  41.                 <?php include_once('contenido.php'); ?>
  42.             </div>
  43.             <div id="sidebar">
  44.                 <?php include_once('menu.php'); ?>
  45.             </div>
  46.         </div>
  47.         <div id="footer">
  48.            
  49.         </div>
  50.     </div>
  51. </body>
  52. </html>
__________________
WFC
codigo82
  #3 (permalink)  
Antiguo 23/04/2009, 08:48
 
Fecha de Ingreso: noviembre-2003
Ubicación: Guatemala
Mensajes: 72
Antigüedad: 14 años, 1 mes
Puntos: 0
Respuesta: Problema con div contenedor

Muchas Gracias por tu respuesta Willyfc.

Si la verdad es que no pase todo el codigo css donde defino los estilos para page y otros elementos, pero si que me ayudaste.... la propiedad que me hacia falta el el
Código:
overflow: auto;
Muchas gracias por tu ayuda.....por cualquier cosa a tu disposicion....

Saludos cordiales....
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 01:28.