Foros del Web » Creando para Internet » CSS »

Forzar a que los "divs" crezcan iguales

Estas en el tema de Forzar a que los "divs" crezcan iguales en el foro de CSS en Foros del Web. Hola! .... Estoy desarrollando una página con css, el gran problema es que ahora que ya está lista me pidieron que el div del menu ...
  #1 (permalink)  
Antiguo 22/07/2005, 19:51
 
Fecha de Ingreso: abril-2002
Ubicación: Santiago
Mensajes: 278
Antigüedad: 15 años, 7 meses
Puntos: 0
Forzar a que los "divs" crezcan iguales

Hola! ....

Estoy desarrollando una página con css, el gran problema es que ahora que ya está lista me pidieron que el div del menu y del contenido lleguen hasta el fin de la página. He intentado ponerle un 100% de height pero no funciona.

Les envió la página Sitio que estoy desarrollando

Además el código css
Código:
body {

	background: #006DB6;
	margin: 0px 0px 0px 0px;
	height: 100%;
	min-height: 100%;
	font-family: arial, verdana;
	font-size: 12px;
	color: #333333;
	min-height: 100%;
}



/* Textos */

p {

	font-family: arial, verdana;
	font-size: 12px;
	color: #333333;
	text-align: justify;
}

li {

	margin-left: 10px;
	font-family: arial, verdana;
	font-size: 12px;
	color: #333333;
	list-style-image: url(images/ico/ico.jpg);
	list-style-position: outside;
}



/* H1, h2, h3 */

h1 {

	color: #DE0303;
	font-size: 11pt;
	font-weight: bold;
	font-family: arial, verdana;
}

h2 {

	font-size: 14px;
	color: #006DB6;
	font-weight: bold;
	text-align: left;	
	margin-top: 0px;
	padding-top: 0px;
	font-family: arial, verdana;
}

h3 {

	font-size: 11px;
	color: #006DB6;
	font-weight: bold;
	text-align: left;	
	margin-top: 5px;
	padding-top: 0px;
	font-family: arial, verdana;
}



/* Links */

a:link, a:visited {

	font-weight: bold;
	text-decoration: none;
	color: #006DB6;

}

a:hover, a:active {

	font-weight: bold;
	text-decoration: none;
	color: #DE0303;

}



/* Divs */

div#contenedor {

	position: absolute;
	top: 10px;
	left: 50%;
	margin-left: -369px;
	width: 738px;
	height: auto;

}

div#izquierdo {

	position: absolute;
	width: 208px;
	height: auto;
	background: white;
	top: 7px;
	float: left;
}

div#interior {

	position: absolute;
	margin: 8px 8px 8px 8px;
	width: 192px;
	background: url(images/bg/01-lateral-izquierdo.jpg) 0px 0px repeat;
	border: 8px;
	border-color: #ffffff;
	border-style: solid;
	z-index: 2;

}

div#flash {

	position: absolute;
	width: 522px;
	height: 153px;
	background: #ffffff url(images/bg/04-contenido.jpg) 0px 0px repeat-y;
	border-right: 8px;
	border-top: 8px;
	border-left: 0px;
	border-bottom: 0px;
	border-color: white;
	border-style: solid;
	left: 216px;
	margin-top: 22px;

}

div#hora {

	position: absolute;
	height: 24px;
	width: 311px;
	background: url('upload/hora/hora.jpg') 0 0 no-repeat;
	margin-top: 8px;
	margin-left: 435px;
	text-align: right;
	font-family: arial, verdana;
	font-size: 8pt;
	font-weight: bold;
	color: white;
	vertical-align: top;
}

div#mapa {

	position: absolute;
	height: 24px;
	width: auto;
	margin-top: 5px;
	margin-left: 220px;
	text-align: right;
	font-family: arial, verdana;
	font-size: 8pt;
	font-weight: bold;
	color: white;
	vertical-align: top;
}

div#contenido {

	position: absolute;
	width: 522px;
	background: url(images/bg/04-contenido.jpg) 0px 0px repeat-y;
	border-right: 8px;
	border-top: 0px;
	border-left: 0px;
	border-bottom: 8px;
	border-color: white;
	border-style: solid;
	left: 216px;
	margin-top: 182px;
}

div#subpie {

	width: 522px;
	height: 22px;
	background: url(images/bg/05-pie.jpg) 0 0 no-repeat;
	vertical-align: middle;
}

div#piepagina {

	position: absolute;
	width: 522px;
	clear: both;
	left: 50%;
	margin-left: -261px;
	top: auto;
	bottom: 10px;
	height: 40px;
	font-size: 12px;
	text-align: center;
}


/* Blockquote */

blockquote#menu {

	display: block;
	top: 20px;
	width: 192px;
	height: auto;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

blockquote#destacados {

	display: block;
	top: 20px;
	width: 170px;
	height: auto;
	margin-left: 11px;
	margin-right: 0px;
	bottom: 11px;
	border: 1px;
	border-color: #E0E0E1;
	border-style: solid;
	background: url(images/bg/02-frame.jpg);
	font-family: arial, verdana;
	font-size: 8pt;
}

blockquote#info {

	width: 492px;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding-left: 20px;
	padding-bottom: 15px;
	font-family: arial, verdana;
	font-size: 11px;
}

/* Tablas */

table {

	font-family: arial, verdana;
	font-size: 11px;
	color: #333333;

}



/* Formulario */

input {

	border: 1px;
	border-style: solid;
	border-color: #DE0303;
	font-size: 11px;
	font-family: arial, verdana;
	color: Black;
}

textarea{

	border: 1px;
	border-style: solid;
	border-color: #DE0303;
	font-size: 11px;
	font-family: arial, verdana;
	color: Black;
}

/* Imagenes */

img#espacio {

	padding-top: 20px;
}

img#titulo {

	padding-top: 1px;
	padding-bottom: 10px;
}

img#submenu {

	margin-right: 5px;

}

/* Clases */

.negrita {

	font-weight: bold;
}

.texto-der {

	text-align: right;
}

.etica {

	margin-left: 61px;
}

.directorio {

	font-size: 12px;
}

.sitios-interes {

	border: 1px;
	border-style: dashed;
	border-color: #cccccc;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: -3px;
	padding: 0px 0px 0px 0px;
	bottom: 0px;
}

.derimg {

	margin-left: 7px;
}

.izqimg {

	margin-right: 7px;
}

.centroimg {

	margin-right: 5px;
	margin-left: 5px;

}

.vermas {

	font-size: 10px;
}

.titlenot {

	font-size: 12px;
}

.fecha {

	color: #DE0303;
	font-weight: bold;
}

#mapa a:link {

	font-weight: bold;
	text-decoration: none;
	color: white;
}

#mapa a:visited {

	font-weight: bold;
	text-decoration: none;
	color: white;
}

#mapa a:hover {

	font-weight: bold;
	text-decoration: none;
	color: #DE0303;
}

#mapa a:actived {

	font-weight: bold;
	text-decoration: none;
	color: #DE0303;

}
Muchas Gracias ...
__________________
. .. La coherencia es el ultimo refugio de los que carecen de imaginación.. .
  #2 (permalink)  
Antiguo 23/07/2005, 14:54
 
Fecha de Ingreso: abril-2002
Ubicación: Santiago
Mensajes: 278
Antigüedad: 15 años, 7 meses
Puntos: 0
Pucha ... ayuda por favor!
__________________
. .. La coherencia es el ultimo refugio de los que carecen de imaginación.. .
  #3 (permalink)  
Antiguo 24/07/2005, 20:26
 
Fecha de Ingreso: abril-2002
Ubicación: Santiago
Mensajes: 278
Antigüedad: 15 años, 7 meses
Puntos: 0
MMMMM mmm mmm aún sigo sin respuesta, por favor ayuda!
__________________
. .. La coherencia es el ultimo refugio de los que carecen de imaginación.. .
  #5 (permalink)  
Antiguo 24/07/2005, 23:57
 
Fecha de Ingreso: abril-2002
Ubicación: Santiago
Mensajes: 278
Antigüedad: 15 años, 7 meses
Puntos: 0
tan mal estaba mi código css para que me envira todos esos manuales? jajajajaj
__________________
. .. La coherencia es el ultimo refugio de los que carecen de imaginación.. .
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 23:43.