Foros del Web » Creando para Internet » CSS »

Dua con DIV y auto ampliacion

Estas en el tema de Dua con DIV y auto ampliacion en el foro de CSS en Foros del Web. Buenas, soy nuevo en CSS, y tengo una duda, ya que estoy empezando a aprender a diseñar sin tablas. Tengo este codigo HTML: Código HTML: ...
  #1 (permalink)  
Antiguo 03/03/2010, 10:57
Avatar de Jeremias  
Fecha de Ingreso: agosto-2003
Ubicación: Caracas
Mensajes: 504
Antigüedad: 20 años, 8 meses
Puntos: 0
Pregunta Dua con DIV y auto ampliacion

Buenas, soy nuevo en CSS, y tengo una duda, ya que estoy empezando a aprender a diseñar sin tablas.

Tengo este codigo HTML:
Código HTML:
<div id="cuerpo">
	<div id="membrete"> MEMBRETE
		<div id="menu">MENU</div>
	</div>
	<div id="contenido">CONTENIDO</div>
	<div id="banner">imagen</div>
	<div id="pie">PIE DE PAGINA</div>
</div> 
Y el CSS que tengo es:
Código:
body {
	background:#CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
}

#cuerpo{
	width:760px;
	height:420px;
	margin:0 auto 0 auto;		
}

#membrete{
	background:#000000;
	color:#FFFFFF;
}

#menu{
	background-color:#999999;
}

#contenido{
	background-color:#FFFFFF;
	float:left;
}

#pie{
	background-color:#000000;
	clear:both;
	color:#FFFFFF;
}

#banner{
	background-color:#FFFFCC;
	margin-left:560px;
	width:200px;
}
Mi pregunta es, como hacer para que el DIV del CONTENIDO, se agrande sola, sin importar su contenido y llegue hasta el DIV del BANNER???

Se puede?
__________________
Atte. Jere
Agradezco su pronta colaboración.
;-) :arriba:Hoy por mi, mañana por ti:arriba: ;-)
  #2 (permalink)  
Antiguo 03/03/2010, 17:06
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 21 años, 9 meses
Puntos: 361
Respuesta: Dua con DIV y auto ampliacion

Hola:

Prueba este código:

Código HTML:
Ver original
  1. <div id="cuerpo">
  2.             <div id="membrete">
  3.                 MEMBRETE
  4.                 <div id="menu">MENU</div>
  5.             </div>
  6.             <div id="banner">imagen</div>
  7.             <div id="contenido">CONTENIDO</div>
  8.             <div id="pie">PIE DE PAGINA</div>
  9.         </div>

Código CSS:
Ver original
  1. body {
  2.                 background:#CCCCCC;
  3.                 font-family: Arial, Helvetica, sans-serif;
  4.             }
  5.             #cuerpo {
  6.                 width:760px;
  7.                 height:100%;
  8.                 margin:0 auto;
  9.             }
  10.             #membrete{
  11.                 background:#000000;
  12.                 color:#FFFFFF;
  13.             }
  14.             #menu{
  15.                 background-color:#999999;
  16.             }
  17.             #banner {
  18.                 float: right;
  19.                 width: 200px;
  20.                 background-color:#FFFFCC;
  21.             }
  22.             #contenido {
  23.                 background-color:#FFFFFF;
  24.             }
  25.             #pie{
  26.                 background-color:#000000;
  27.                 clear:both;
  28.                 color:#FFFFFF;
  29.             }

Saludos.

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 14:40.