Retroceder   Foros del Web > Diseño de Sitios web > CSS

Respuesta
 
Herramientas Desplegado
Antiguo 06-jun-2007, 03:00   #1 (permalink)
bejarano está en el buen camino
 
Fecha de Ingreso: julio-2004
Mensajes: 117
Exclamación tamaño div porporcional a otro div que lo contiene

Hola, tengo el siguiente problema: no se me adaptan los div al tamaño de otro div que los engloba. Como me es difícil explicarlo he puesto unas capturas (por favor, pegad el enlace en el navegador).

En esta imagen todo funciona aparentemente bien

//img525.imageshack.us/my.php?image=anteshi6.gif


pero en esta otra, el menú se monta sobre el pie, ya que al aparecer la barra de búsqueda, la zona de "exploración" queda más reducida

//img525.imageshack.us/my.php?image=despueszf3.gif


Suponiendo que la banda de los menus es un div, cada bloque de menú es otro div y cada elemento de menú es otro div, ¿cómo puedo hacer para que al reducirse la banda lateral, los bloques de menu también se reduzcan en la misma proporción así como los elementos del menú?

Dicho de otra forma, ¿cómo hago para que, se ponga la resolución de pantalla que se ponga, los menús queden en la misma proporción que en la primera captura?, ya que si la resolución de mas espacio (altura a la página), el espacio que queda entre el último bloque de menú y el pie de página también crece y me gustaria que quedara la misma distancia.

Siento no ser más claro. Gracias a todos por leerlo.
bejarano está desconectado   Responder Citando
Antiguo 06-jun-2007, 09:16   #2 (permalink)
hq1
hq1 no se puede cailificar en este momento
 
Fecha de Ingreso: abril-2007
Ubicación: Madrid, España
Mensajes: 107
Re: tamaño div porporcional a otro div que lo contiene

Defínelos siempre con porcentajes, eso te garantiza que el aspecto será siempre el mismo. También puedes usar otras medidas proporcionales, como em que tiene que ver con el tamaño de la fuente del usuario (muy útil).
__________________
Proyecto de revista digital:

www.elcampamentobase.es
hq1 está desconectado   Responder Citando
Antiguo 07-jun-2007, 02:58   #3 (permalink)
bejarano está en el buen camino
 
Fecha de Ingreso: julio-2004
Mensajes: 117
Re: tamaño div porporcional a otro div que lo contiene

Gracias por responder hq1, pero no veo clara la solución:

Si tengo pongamos 5 bloques div en una banda lateral por ejemplo la izquierda (por cierto las bandas laterales van con porcentajes) y cada uno tiene una altura determinada (el primero tienes 2 bloques y el segundo tiene 4 bloques), como ajusto el porcentaje? Tengo que tantear que si el primero es de 2 le corresponde un 15%, al segundo que es de 4 le corresponde X?

¿No hay alguna forma más general?
bejarano está desconectado   Responder Citando
Antiguo 07-jun-2007, 07:51   #4 (permalink)
programeitor ha deshabilitado el karma
 
Avatar de programeitor
 
Fecha de Ingreso: febrero-2005
Mensajes: 897
Re: tamaño div porporcional a otro div que lo contiene

Hola, esa puede que sea la forma mas general., como nunca vas a saber el tamaño de la pagina del usuario, a no ser utilizando scripts, la solucion a la mano es aplicar tantos por ciento, aunque no siempre es la mejor o unica solucion.

En tu caso si el numero total de bloques se sabe no deberia haber problema alguno en aplicarle a cada uno su tanto por ciento correspondiente.

Salud os
programeitor está desconectado   Responder Citando
Antiguo 07-jun-2007, 10:51   #5 (permalink)
bejarano está en el buen camino
 
Fecha de Ingreso: julio-2004
Mensajes: 117
Re: tamaño div porporcional a otro div que lo contiene

Ok, trataré de buscar "una fórmula" para equilibrar los %. Si la encuentro ya os comento.

De todas formas agradecería cualquier sugerencia a mayores.

Gracias por contestar a ambos.

Última edición por bejarano; 08-jun-2007 a las 04:14.
bejarano está desconectado   Responder Citando
Respuesta

No hay votos aún.


Herramientas
Desplegado

Normas de Publicación
No puedes crear nuevos temas
No puedes responder temas
No puedes subir archivos adjuntos
No puedes editar tus mensajes

BB code is Activado
Caritas están Activado
[IMG] está Activado
Código HTML está Desactivado


La Zona horaria es GMT -6. Ahora son las 23:29.


Message Board Statistics

LinkBacks Enabled by vBSEO 3.1.0

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93