Foros del Web » Creando para Internet » CSS »

Problemas con diseño semi-elástico

Estas en el tema de Problemas con diseño semi-elástico en el foro de CSS en Foros del Web. Hola a todos. Tengo un problema con el diseño de una página. Tengo una estructura de divs mas omenos asi: <div general> <div menu> <div ...
  #1 (permalink)  
Antiguo 21/12/2007, 06:19
 
Fecha de Ingreso: enero-2002
Mensajes: 417
Antigüedad: 15 años, 11 meses
Puntos: 0
Problemas con diseño semi-elástico

Hola a todos. Tengo un problema con el diseño de una página. Tengo una estructura de divs mas omenos asi:

<div general>
<div menu>
<div contenido>
</div general>

Bueno, algo asi (parece pseudocódigo de la facultad...). El problema es que al div general le pongo un ancho del 100%, al div del menu le pongo un tamaño de x píxeles y quisiera que el contenido me ocupara el 90% del espacio sobrante, siempre "dentro" del div general.

Por mas que busco sobre diseño elástico en internet no doy con la clave, y ese div no se "redimensiona" cuando pongo resoluciones mas pequeñas de pantalla.
¿Alguien me puede echar una mano? Muchas gracias!!
  #2 (permalink)  
Antiguo 21/12/2007, 11:45
Avatar de DragonX
Colaborador
 
Fecha de Ingreso: mayo-2002
Ubicación: Funkyland
Mensajes: 8.339
Antigüedad: 15 años, 6 meses
Puntos: 153
Re: Problemas con diseño semi-elástico

podríamos ver tu hoja de estilos? Es muy difícil saber que pasa si no vemos el código.

  #3 (permalink)  
Antiguo 21/12/2007, 15:12
 
Fecha de Ingreso: enero-2002
Mensajes: 417
Antigüedad: 15 años, 11 meses
Puntos: 0
Re: Problemas con diseño semi-elástico

Si claro.. Esta es la estructura, (básica)

Código:
<div id="tbl_cage">
      <div id="tbl_contenido">
		<div id="tbl_izquierda">
			<!-- // buttons -->
			<div id="tbl_buttons">
				<ul>
					<li class="titulomenu"><a href="mod=home">Módulos</a></li>
					<li class="submenu"><a href="mod=home">Inicio</a></li>
				    <li class="submenu"><a href="">Contacto</a></li>
				    <li class="submenu"><a href="mod=calendar">Quienes somos</a></li>
				    <li class="submenu"><a href="mod=photogalery">Album</a></li>
				    <li class="submenu"><a href="foro/">Otra seccion</a></li>
				</ul>
			</div>
			<div style="clear:both;"></div>
		</div>	
					
		<div id="tbl_body"></div>
	</div>
	<!-- // bottom -->
	<div id="tbl_bottom">
		Desarrollado por Noctiluca Formacion SL
	</div>	
</div>

Como veis es extremadamente simple la estructura. Ahora el CSS de los divs implicados:

Código:
#tbl_cage { 
	width:100%; 
	text-align:left;
}

#tbl_buttons {
	float:left;
	padding:10px 0px 0px 10px;
	width:160px;
	color: #666666; text-align:left;
	font-family: tahoma, verdana, serif; font-size:11px;
}

#tbl_izquierda {
	width:229px;
	height:auto;
	background:#f4f4f4;	
	margin-left:0;
	float:left;
}

#tbl_contenido {
	margin:0;
	padding:0;
	text-align:left;
	width:100%;
	font-size:2em; font-weight: normal; color:#000000;
}

#tbl_body {
	float:right;
	text-align:left;
	width:90%; 
	border:1px solid blue;
	margin-right: 10%;
	display: inline;
	font-size:0.6em; font-weight: normal; color:#454545;
}

Y se me queda el div tbl_body ocupando el 90% del tamaño total de la página, y no del div tbl_contenido como yo pretendo. Cualquier ayuda se agradece. Gracias a todos.
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 11:20.