Retomo el hilo, tratando de cerrar el tema original: Ramón Corominas escribió: > > http://www.ramoncorominas.com/ovillo/2col/ > > - DIVS1: Con porcentajes, al ampliar las fuentes más allá de un > determinado tamaño, los contenedores se me comen el contenido.
Te invito a seguir un proceso de diseño lógico, partiendo de las LIMITACIONES REALES, y no de unas arbitrarias medidas "deseadas". Si el cliente te da un menú como ése, y tú ves que el texto "Hamsters" (que es el más largo que te ha dado) se te sale afuera, ¿por qué no lo tomas en cuenta? Deberías hacerlo... No es el diseño CSS el que debe ser "adaptable", ES UNO MISMO el que debe adaptar sus técnicas a cada proyecto, y manejar soluciones apropiadas para distintos casos, sin buscar una solución única y uniforme, igual para todos los casos. Por ejemplo, aplica el MAXIMO de zoom del Firefox (aunque sea muchísimo más del 200% recomendado por el W3C) y mira qué tanto se asoma la palabra "Hamsters". Para el tamaño de letra que has aplicado al menú (considerándolo otro requisito definido, no me lo cambies ahora!) si aplicas esto se elimina tu problema: #menu { width: 18%; } #contenido { width: 66%; } Probado a 800x600, 1024x768 y 1280x800. Eso sí, me adelanto: si lo reduces a un extremo sumamente exagerado claro que tendrá sus problemas. Pero la enorme mayoría de usuarios que precisa hacer 500% de zoom creo que usa pantallas con resoluciones de más de 800 x 600, no más chicas que eso. Además, para resoluciones menores existe media:handheld. Desde ya, a un zoom normal, el menú se verá bastante holgado, pero la perfección absoluta no es una característica humana ni del diseño web líquido o elástico... no debes pretender que el contenido se vea exactamente igual en todos los tamaños, es imposible eso, ya sea con CSS o con tablas. > - DIVS2: Mezclando ems y porcentajes con divs flotados, en cuanto el > menú crece un poco el segundo div se cae (no se me ocurre ninguna manera > de hacer que se encoja). No tiene sentido plantear un layout con esa combinación. Es mezclar agua y aceite. No perdamos tiempo. > - DIVS3/TABLAS: Con divs simulando tablas mediante propiedades de CSS, > obtengo lo que quiero, quedando exactamente igual que si utilizo una > maquetación con tablas reales. Desgraciadamente, esas propiedades no > funcionan bien con IE, por lo que la única opción cross-browser sería > maquetar con tablas de verdad NO, no sería "la única" solución maquetar con tablas. Una solución cross-browser sería que uses la simulación de tablas para todos los navegadores, y agregues comentarios condicionales solo para Explorer, que agreguen el código necesario para que se vea el contenido (no dije "idénticamente", solo que se vea) y para ese navegador puedes usar porcentajes como en tu ejemplo "1". ¿Más trabajo? Sí. Pero funciona. Sin tablas. > > Sí, soy consciente de que esas medidas pueden ser casos extremos Sí que son extremos! Has llevado el zoom de Firefox a su máximo posible. No hay sitio que aguante a ese nivel, y por eso el W3C fija en 200% el zoom máximo sin que se desarmen las cajas. > pero > no veo la razón para no querer que algunos de los contenedores crezcan > acorde con la fuente y que a la vez otros se adapten al espacio que > quede. Para mí es algo realmente útil. Por más que a ti te guste o te sea muy útil, que lo comprendo, no es un objetivo "excluyente" para hacer un buen sitio web al que incluso tú puedas acceder con comodidad. El objetivo de una web es que se acceda a los contenidos, si eso se cumple, la solución empleada es válida. Pero de todos modos, el requerimiento de que los contenedores crezcan se satisface con porcentajes (caso 1). No creo que debas seguir perdiendo el tiempo intentando mezclar ems y porcentajes para lograr que los contenedores crezcan. > > Nota: he visto algún diseño con CSS a dos (y tres) columnas que usa una > técnica a través de márgenes en ems para hacer algo parecido a esto, > pero no termina de funcionarme bien del todo, es una pena. Por favor! Compártenos el código al punto en que lo tengas, que trataremos de hacerlo funcionar entre todos... :-) Tú mismo has dicho unos mensajes atrás que estamos en una lista para aprender los unos de los otros, si te guardas el código tal vez nos estás privando a todos de llegar a una solución algo mejor que las limitadas soluciones conocidas hasta ahora. Saludos, -- Hernán Beati http://www.saberweb.com.ar _______________________________________________ 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://lists.ovillo.org/mailman/listinfo/ovillo