Re: [Ovillo] Problema con layout en IE

2007-02-26 Por tema Salugral Adriana Pazos García-Camino
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

2007-02-26 Por tema Tamara Forza
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