Foros del Web » Creando para Internet » CSS »

Height automático en 2 DIVs a la vez

Estas en el tema de Height automático en 2 DIVs a la vez en el foro de CSS en Foros del Web. Hola, estoy intentando crear una web y me ha surgido un problema. La estructura de la web es la siguiente: un DIV cuyo contendio son ...
  #1 (permalink)  
Antiguo 05/02/2008, 04:38
 
Fecha de Ingreso: febrero-2005
Mensajes: 105
Antigüedad: 12 años, 9 meses
Puntos: 1
Height automático en 2 DIVs a la vez

Hola, estoy intentando crear una web y me ha surgido un problema. La estructura de la web es la siguiente: un DIV cuyo contendio son 3 DIVs (2 menús laterales y un contenido central). El problema es que cuando el contenido es muy largo se me sale el texto de los DIVs. el CSS que he problado es el siguiente:

Código:
/* Contenido que comprende 3 DIVs */
#contenidoPrincipal {
	margin: 0;
	padding: 0;
	min-height: 800px;
	height: auto !important;
	height: 800px;
	background: #FFFFFF;
	border: 15px solid #FFFFFF;
}

/* Texto Principal. */
#contenidoSecundario {
	padding-right: 15px;
	width: 70.7%;
	float: left;
	font-size: 12px;
	color: #000000;
}
Según he encontrado en la web, este código hace que el DIV contenidoPrincipal tenga un mínimo de altura y si el texto la supera se autoajuste. He probado a incluir la parte relativa al "height" en el contenidoSecundario, pero sigue in funcionarme. ¿Alguna ayuda? Gracias a todos.
  #2 (permalink)  
Antiguo 05/02/2008, 05:33
Avatar de hades87  
Fecha de Ingreso: diciembre-2007
Ubicación: Barcelona - España
Mensajes: 3.194
Antigüedad: 10 años
Puntos: 68
Re: Height automático en 2 DIVs a la vez

pon la estructura html para aclararnos mas ^^
__________________
No diseñes usando tablas.
  #3 (permalink)  
Antiguo 05/02/2008, 05:43
 
Fecha de Ingreso: febrero-2005
Mensajes: 105
Antigüedad: 12 años, 9 meses
Puntos: 1
Re: Height automático en 2 DIVs a la vez

Realmente, el código lo estoy implementando con xhtml + php, así que la parte que gestiona el contenido total de la web es este:

Código:
print '<div id="contenidoPrincipal">';
	menuPrincipal();
	contenido($seccion);
	menuSecundario();
print '</div>'; 
Luego, los menús son:

Código:
function menuPrincipal () {
		print '<ul id="menuPrincipal">';
		print '    <li class="idMenuPrincipal">INFORMACI&Oacute;N</li>';
		print '    <li><a href="index.php?sec=1">xxx</a></li>';
		print '    <li><a href="index.php?sec=2">xxx</a></li>';
		print '    <li><a href="index.php?sec=3">xxx</a></li>';
		print '    <li><a href="index.php?sec=4">xxx</a></li>';
		print '    <li><a href="index.php?sec=5">xxx</a></li>';
		print '    <li><a href="index.php?sec=6">xxx</a></li>';
		print '    <li><a href="index.php?sec=7">xxx</a></li>';
		print '    <li><a href="index.php?sec=8">xxx</a></li>';
		print '</ul>';
	}

	function menuSecundario () {
		print '<ul id="menuSecundario">';
		print '    <li class="idMenuSecundario">INFORMACI&Oacute;N</li>';
		print '    <li><a href="index.php?sec=1">xxx</a></li>';
		print '</ul>';
	}
Ahora ya se puede ver la estructura de la web, más o menos. Como decía, hay un DIV que engloba 3 DIVs más (#menuPrincipal, #contenidoSecundario y #menuSecundario).

El CSS de los menús no es necesario que lo incluya en este post, y lo principal del #contenidoSecundario es el que he escrito antes. Un saludo y espero que cone sta información podamos solucionar el problema.
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 04:14.