Re: [Ovillo] Problema con layout en IE
Hola Tamara, puede ser por tener enlaces con la url tan larga, prueba a utilizar word-wrap: break-word; en el estilo del div de la parte derecha del contenido. (en styleie.css word-wrap: break-word; es propietario de ie). saludos. -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] nombre de Tamara Forza Enviado el: domingo, 25 de febrero de 2007 20:58 Para: Ovillo, la lista de CSS en castellano Asunto: [Ovillo] Problema con layout en IE Hola a todos, hace mucho tiempo que estoy leyendo la lista y he aprendido mucho de todos vosotros :) Pero ahora tengo un problema que de momento no logro resolverlo y espero que me podáis ayudar. El problema es (como siempre) IE! El layout de la pagina web está hecho con divs, y la parte central del contenido está divida en dos columnas, la izquierda para el menú y la derecha para el contenido. Lo que pasa en IE es que cuando el contenido es más ancho de lo definido en el CSS se pone de bajo del menú y deja un espacio en el medio de la pagina. Si miráis la siguiente pagina (en IE) os quedará todo claro (la pagina está en inglés): http://www.best.eu.org/alumni/news.jsp El CSS es esto: http://www.best.eu.org/layout/public/style.css y algunas modificaciones para IE: http://www.best.eu.org/layout/public/styleie.css En Mozilla se ve sin ningún problema, por supuesto :) Yo he intentado solucionarlo de distintas manera. Primero haciendo un layout un poco más flexible porque la pagina estaba desarrollada para pantallas de 800x600. He puesto el width del div que contiene toda la pagina a un 80%, y después a todos los divs siguientes les asigné el width: 100% (excepto para el menú izquierdo). No ayudó. Intenté poner display: block o display:inline pare IE, como IE no reconoce todas las otras propiedades (table, table-cell, table-row, etc ..), pero tampoco funcionó. Hoy me encontré con este articulo (en inglés): http://alistapart.com/articles/multicolumnlayouts e intenté hacer lo mismo (pero poniendo el menú a la izquierda), y tampoco lo logré :( No tengo más ideas de como solucionarlo ... os agradecería cualquier consejo y ayuda! Saludos, Tamara ___ 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 ___ 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
Re: [Ovillo] Problema con layout en IE
Hola Salugral, muchas gracias! Has resuelto mi problema! :) Nunca antes había usado este atributo (word-wrap) y no sabía existiese. Añadiendo la linea que me has aconsejado la pagina se visualiza correctamente en IE también. Muchas gracias, Tamara On 2/26/07, Salugral Adriana Pazos García-Camino [EMAIL PROTECTED] wrote: Hola Tamara, puede ser por tener enlaces con la url tan larga, prueba a utilizar word-wrap: break-word; en el estilo del div de la parte derecha del contenido. (en styleie.css word-wrap: break-word; es propietario de ie). saludos. -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] ]En nombre de Tamara Forza Enviado el: domingo, 25 de febrero de 2007 20:58 Para: Ovillo, la lista de CSS en castellano Asunto: [Ovillo] Problema con layout en IE Hola a todos, hace mucho tiempo que estoy leyendo la lista y he aprendido mucho de todos vosotros :) Pero ahora tengo un problema que de momento no logro resolverlo y espero que me podáis ayudar. El problema es (como siempre) IE! El layout de la pagina web está hecho con divs, y la parte central del contenido está divida en dos columnas, la izquierda para el menú y la derecha para el contenido. Lo que pasa en IE es que cuando el contenido es más ancho de lo definido en el CSS se pone de bajo del menú y deja un espacio en el medio de la pagina. Si miráis la siguiente pagina (en IE) os quedará todo claro (la pagina está en inglés): http://www.best.eu.org/alumni/news.jsp El CSS es esto: http://www.best.eu.org/layout/public/style.css y algunas modificaciones para IE: http://www.best.eu.org/layout/public/styleie.css En Mozilla se ve sin ningún problema, por supuesto :) Yo he intentado solucionarlo de distintas manera. Primero haciendo un layout un poco más flexible porque la pagina estaba desarrollada para pantallas de 800x600. He puesto el width del div que contiene toda la pagina a un 80%, y después a todos los divs siguientes les asigné el width: 100% (excepto para el menú izquierdo). No ayudó. Intenté poner display: block o display:inline pare IE, como IE no reconoce todas las otras propiedades (table, table-cell, table-row, etc ..), pero tampoco funcionó. Hoy me encontré con este articulo (en inglés): http://alistapart.com/articles/multicolumnlayouts e intenté hacer lo mismo (pero poniendo el menú a la izquierda), y tampoco lo logré :( No tengo más ideas de como solucionarlo ... os agradecería cualquier consejo y ayuda! Saludos, Tamara ___ 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 ___ 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 ___ 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
[Ovillo] Problema con layout en IE
Hola a todos, hace mucho tiempo que estoy leyendo la lista y he aprendido mucho de todos vosotros :) Pero ahora tengo un problema que de momento no logro resolverlo y espero que me podáis ayudar. El problema es (como siempre) IE! El layout de la pagina web está hecho con divs, y la parte central del contenido está divida en dos columnas, la izquierda para el menú y la derecha para el contenido. Lo que pasa en IE es que cuando el contenido es más ancho de lo definido en el CSS se pone de bajo del menú y deja un espacio en el medio de la pagina. Si miráis la siguiente pagina (en IE) os quedará todo claro (la pagina está en inglés): http://www.best.eu.org/alumni/news.jsp El CSS es esto: http://www.best.eu.org/layout/public/style.css y algunas modificaciones para IE: http://www.best.eu.org/layout/public/styleie.css En Mozilla se ve sin ningún problema, por supuesto :) Yo he intentado solucionarlo de distintas manera. Primero haciendo un layout un poco más flexible porque la pagina estaba desarrollada para pantallas de 800x600. He puesto el width del div que contiene toda la pagina a un 80%, y después a todos los divs siguientes les asigné el width: 100% (excepto para el menú izquierdo). No ayudó. Intenté poner display: block o display:inline pare IE, como IE no reconoce todas las otras propiedades (table, table-cell, table-row, etc ..), pero tampoco funcionó. Hoy me encontré con este articulo (en inglés): http://alistapart.com/articles/multicolumnlayouts e intenté hacer lo mismo (pero poniendo el menú a la izquierda), y tampoco lo logré :( No tengo más ideas de como solucionarlo ... os agradecería cualquier consejo y ayuda! Saludos, Tamara ___ 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
