Div, floats... e incompatibilidades entre navegadores

calevais · #1 (**permalink**) 13/08/2006, 10:47

Hola!
Mi site está hecho con CSS y utilizo divs y floats lefts y right para alinear las columnas. No soy muy buen usuario de CSS pero se trata de un tema de wordpress que modifiqué de otro que originalmente ya estaba así.

El caso es que con Firefox y IE 7 beta se ve todo correctamente, pero con IE 6 y versiones anteriores no, y me temo que de momento son mayoría!

El problema es que la sección que debía ir a la izquierda, en realidad no se "relaciona" con la derecha, sino que aparece a la izquierda, pero debajo de todo el contenido de la columna derecha. El resultado es que quedan muchos huecos de espacio que dan al traste con todo el diseño.

El site es (http)janes.es
La hoja de estilo CSS se puede ver en (http)janes.es/wp-content/themes/calevais/style.css

Alguien podría por favor bucear un poco en mi código fuente y decirme qué puedo hacer? Yo ya estoy desesperado!!

MUCHAS GRACIAS!!!!

fer10 · #2 (**permalink**) 13/08/2006, 11:18

el problema es que el espacio que dejastaste para #izquierda no es de 290PX pero como lo fijas en Firefox y ie7 se fijan y traspasan en limite sin porbelmas.

pero a diferencia de eso en IE 6 se estira la capa con todo y el contenido..

es por eso que te da el porbelma..

prueba con esto
CSS:

Cita:

#izquierda {
float:left;
width:280px;
padding:0;
font:11px Tahoma, Arial, Arial, Helvetica, sans-serif #DAE9F6;
}

HTML:

Cita:

reduce el tamaño del flotante y de la imagen y Listo!

nota: aqui reduci el tamaño de #izquierda pero al igual puedes hacer con el #content

calevais · #3 (**permalink**) 13/08/2006, 12:39

Muchas gracias fer. Ahora mismo no estoy en casa y no lo puedo probar... pero lo miraré con cuidado y te cuento.

Gracias!!!