Foros del Web » Creando para Internet » CSS »

Div, floats... e incompatibilidades entre navegadores

Estas en el tema de Div, floats... e incompatibilidades entre navegadores en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 13/08/2006, 11:47
 
Fecha de Ingreso: julio-2006
Mensajes: 5
Antigüedad: 11 años, 4 meses
Puntos: 0
Div, floats... e incompatibilidades entre navegadores

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!!!!
  #2 (permalink)  
Antiguo 13/08/2006, 12:18
Avatar de fer10  
Fecha de Ingreso: octubre-2005
Ubicación: Guadalajara - Mexico
Mensajes: 905
Antigüedad: 12 años, 1 mes
Puntos: 3
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:
<a href="http://janes.es" title="ir a la portada">
<img src="http://www.janes.es/wp-content/themes/calevais/img/cabecera.png" border="0" width="100"/></a>
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
__________________
Saludos
FT.
www.fernando.com.mx
  #3 (permalink)  
Antiguo 13/08/2006, 13:39
 
Fecha de Ingreso: julio-2006
Mensajes: 5
Antigüedad: 11 años, 4 meses
Puntos: 0
Sonrisa Gracias

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

Gracias!!!
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta

SíEste tema le ha gustado a 1 personas




La zona horaria es GMT -6. Ahora son las 13:53.