Maikel,
Miles de gracias por tu respuesta, era justamente lo que estaba buscando.
Ahora voy a leerlo detenidamente para ver si lo entiendo. Si me surge alguna
duda, seguro estaré aquí preguntando nuevamente.
GRACIAS!!!!!
Maira.
Maikel Naigt wrote:
Bueno, si tu problema radica en simular un 'min-width' para IE, creo que la
solución la tienes en lo que se ha venido a llamar 'Jello Mold Layout' [1],
y que básicamente se vale de los márgenes negativos en un contenedor global
para establecer una anchura mínima en ese contenedor.
La teoría en principio es "sencilla": cualquier elemento de bloque tiene una
anchura total igual a su ancho + acolchamiento (o como leñes se diga en
cristiano) + EL VALOR ABSOLUTO DEL margen. Esto quiere decir que es
indiferente que el margen sea un valor positivo o negativo. La diferencia
estriba en que con valores positivos de margen se crea un espacio vacío
entre el borde del bloque y el elemento adyacente (el margen que todos
conocemos, vaya) y el contenido permanece "dentro", pero con valores
negativos es el propio contenido el que se desplaza dentro de su margen.
Siendo así, cualquier elemento con 'width: 0', únicamente tendrá la anchura
de su padding (acolchamiento) y su margen, llegando a la feliz conclusión de
que ese bloque nunca puede tener menos anchura que lo definido en sus
márgenes y, si estos son negativos, tendremos que el contenido está siempre
presente.
Luego habrá que ajustar contenedores y posicionamientos relativos aquí y
allá para que IE sepa lo que queremos, pero te puedo asegurar que no es nada
complicado (comprendiendo bien la teoría) y es compatible con casi cualquier
tipo de maquetación (todas las normalitas por descontado) con un mínimo de
ajustes.
Además de esto, se ha descubierto que cambiando algunas propiedades de uno
de los contenedores intermedios es posible crear un Layout cuya anchura no
sea ni fija ni totalmente líquida, si no algo así como moldeable (de ahí lo
de Layout Gelatinoso).
De todas maneras, esta es una muy somera explicación del fenómeno. Te
aconsejo encarecidamente una buena lectura del enlaces que te adjunto para
que te quede todo mucho más claro. Además, una vez que investigues un poco
con los márgenes negativos comprobarás que son tremendamente útiles, no solo
para este propósito.
Un saludo, David Merino Ogando.
[1] http://positioniseverything.net/articles/jello.html
On 1/18/06, maira <[EMAIL PROTECTED]> wrote:
Hola nuevamente.
Estoy usando el template que se muestra en la siguiente pagina:
http://webhost.bridgew.edu/etribou/layouts/3col_footer/archives/3col_footer_02/
Yo necesito un template de 3 COLUMNAS, con ambas columnas laterales con
un ANCHO FIJO, y la columna central que sea LIQUIDA.
Necesito que el ancho de la columna central tenga como mínimo 468px que
es el ancho de un banner. En firefox lo logro con el min-width, pero
hay alguna forma de limitarle el ancho minimo en explorer? el problema
es que se me superponen los banners de la columna central con unos de
la columna derecha y se van a quejar seguro. Si achico la ventana lo
suficiente, la columna central casi desaparece. :(
Lo unico que se me ocurrió es usar la estructura líquida para
resoluciones mayores a 1024 y detectar cuando usan 800*600 y usar otra
hoja
de estilos con una estructura fija, pero no tiene sentido hacer dos
hojas de estilo.
Creo que he revisado cuanta estructura de 3 columnas se me haya cruzado
pero no hay ninguno que me permita darle un min-width al contenido.
En estas situaciones me da ganas de recurrir a las TABLAS <llorando />
Desde ya muchas gracias.
Maira.
Daniel calderón wrote:
Maira,
Echale un ojo a esta:
http://www.maxdesign.com.au/presentation/liquid/example10.htm
http://www.maxdesign.com.au/presentation/liquid
Es lo más cercano que encontre.
Saludos!!
-----Mensaje original-----
De: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] En nombre de maira
Enviado el: jueves, 12 de enero de 2006 15:03
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] 3 columnas: centro líquido, laterales de ancho fijo
Gracias por el sitio, tiene buenos templates, pero el de 3 columnas
tiene el mismo problema que indico en los sitios de mi primer mail.
Alguien ha hecho un template de 3 columnas que no tenga el problema
nombrado en explorer?
Saludos
Maira.
Daniel calderón wrote:
Maira,
No se si la conocías: http://intensivstation.ch/templates/
Pero puede ayudarte en temas de layouts :)
Saludos !
-----Mensaje original-----
De: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] En nombre de maira
Enviado el: jueves, 12 de enero de 2006 1:10
Para: Ovillo@lists.ovillo.org
Asunto: [Ovillo] 3 columnas: centro líquido, laterales de ancho fijo
Hola a todos después de tanto tiempo!
Disculpen si vuelvo a preguntar esto, pero no he encontrado una
respuesta a mi pregunta en mails anteriores.
Necesito hacer un site que tiene que tener 3 columnas, la central
líquida y las dos laterales con un ancho fijo, además de un header y
footer.
He encontrado varios ejemplos como:
- http://glish.com/css/7.asp
- http://www.positioniseverything.net/thr.col.stretch.html#
- http://realworldstyle.com/nn4_3col_header.html
- http://bluerobot.com/web/layouts/layout3.html
- http://thenoodleincident.com/tutorials/box_lesson/basic3.html
- http://www.positioniseverything.net/threecolbglong.html
-
http://www.ssi-developer.net/main/templates/temps/3c-hd-ft-flex.htm
Todos funcionan perfecto en firefox, pero en explorer, cuando la
ventana
no está maximizada, y uno la achica bastante, la columna central casi
desaparece y la derecha se superpone con la izquierda.
Hay algún ejemplo que no tenga este problema en explorer? tengo que
preocuparme por esta falla?
Algún ejemplo que me recomienden que sea mejor que otros para aplicar?
Desde ya muchas gracias y feliz año para todos!
Maira.
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
