Foros del Web » Creando para Internet » CSS »

Imagenes flotantes en safari y chrome

Estas en el tema de Imagenes flotantes en safari y chrome en el foro de CSS en Foros del Web. Hola chicos. Intento hacer paginas con DIVS + CSS, tengo dos columnas una a la izquierda y otra para el contenido, para igualar la altura ...
  #1 (permalink)  
Antiguo 25/07/2009, 12:29
Avatar de chicohot20  
Fecha de Ingreso: mayo-2009
Mensajes: 384
Antigüedad: 8 años, 6 meses
Puntos: 43
Imagenes flotantes en safari y chrome

Hola chicos.

Intento hacer paginas con DIVS + CSS, tengo dos columnas una a la izquierda y otra para el contenido, para igualar la altura de las columnas lo solucioné con JQuery, hasta ahi todo perfecto funcionaba en todos los navegadores, pero al insertar una imagen flotante en la columna de contenido se desigualo la altura de la columnas solo en SAFARI y CHROME, que podría hacer?. El error es en las imagenes flotantes, Jquery no tiene nada que ver.
La imagen en el sgte enlace: h t t p ://cesarv.com/imagen.jpg

Este es parte de mi CSS para la imagen flotante.
Código:
#content .ileft{
	float: left;
	border: 3px solid #EEEEEE;
	margin: 0px 0px 0px 0px;
}
  #2 (permalink)  
Antiguo 25/07/2009, 14:06
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Imagenes flotantes en safari y chrome

Hola:

Échale un vistazo al ejemplo de columnas equilibradas de Mikmoro.

Saludos.

  #3 (permalink)  
Antiguo 26/07/2009, 00:00
Avatar de nemesis866  
Fecha de Ingreso: julio-2009
Ubicación: Jalisco, Mexico
Mensajes: 642
Antigüedad: 8 años, 5 meses
Puntos: 19
Respuesta: Imagenes flotantes en safari y chrome

mira dentro de lacolumna de contenido crea otras 2 columnas sale.

Última edición por tunait; 26/07/2009 a las 01:52 Razón: remover firma
  #4 (permalink)  
Antiguo 26/07/2009, 14:51
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Imagenes flotantes en safari y chrome

"Juega con la propiedad 'overflow' en #content.

Y para comprender el origen del problema (si es el que creo) aquí

Un saludo.

P.D.: Un enlace a tu página siempre ayuda para ver el problema "in situ", pues el código que has puesto es insuficiente.
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #5 (permalink)  
Antiguo 26/07/2009, 15:12
Avatar de jackbach  
Fecha de Ingreso: julio-2009
Mensajes: 36
Antigüedad: 8 años, 4 meses
Puntos: 0
Respuesta: Imagenes flotantes en safari y chrome

kseso, podrías dar más información del overflow en esta situación? No controlo esta propiedad.

Gracias!
  #6 (permalink)  
Antiguo 26/07/2009, 15:28
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Imagenes flotantes en safari y chrome

Hola Jackbach.
¿Puedes poner un enlace a tu página?
Con los datos que das es más un ejercicio de adivinación que otra cosa. Y hasta es posible haya un problema entre jQuery y esos navegadores.

Sobre 'overflow': en la misma página que te enlacé antes tienes información, y aquí también.

Un saludo
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #7 (permalink)  
Antiguo 26/07/2009, 15:53
Avatar de jackbach  
Fecha de Ingreso: julio-2009
Mensajes: 36
Antigüedad: 8 años, 4 meses
Puntos: 0
Respuesta: Imagenes flotantes en safari y chrome

Yo no soy el de la web... solo estaba leyendo y aprendiendo. Como lo del overflow no lo controlo he preguntado :)

Un saludo!

ACTU:
Por cierto, chicohot20, has probado con un clear: both ; ?

Última edición por jackbach; 26/07/2009 a las 15:58
  #8 (permalink)  
Antiguo 27/07/2009, 06:51
Avatar de chicohot20  
Fecha de Ingreso: mayo-2009
Mensajes: 384
Antigüedad: 8 años, 6 meses
Puntos: 43
Respuesta: Imagenes flotantes en safari y chrome

Hola kseso?

aqui esta el enlace ami pagina cesarv.com/plantilla/ echenme una mano por fa.
  #9 (permalink)  
Antiguo 27/07/2009, 07:06
Avatar de chicohot20  
Fecha de Ingreso: mayo-2009
Mensajes: 384
Antigüedad: 8 años, 6 meses
Puntos: 43
Respuesta: Imagenes flotantes en safari y chrome

Chicos lo solucioné la verdad es que el problema era en el Jquery. para los que igualan la altura de los divs con Jquery les digo que el document.ready no funciona bien,
tendrán que hacer con la funcion window.onload.

pues ahora si carga muy bien en todos los navegadores: IE, Opera, Firefox, Chrome y Safari, libre de hacks CSS, con codigo muy limpio, para los que quieran la plantilla está en esta direccion: cesarv.com/plantilla/ disponible solo por 1 día.

De todas manera chicos muchas gracias por sus respuestas!
  #10 (permalink)  
Antiguo 27/07/2009, 08:55
Avatar de jackbach  
Fecha de Ingreso: julio-2009
Mensajes: 36
Antigüedad: 8 años, 4 meses
Puntos: 0
Respuesta: Imagenes flotantes en safari y chrome

chicohot20, no es necesario jQuery para hacer lo que has mostrado... A la larga eso puede relentizar tu página... yo usaría css.
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




La zona horaria es GMT -6. Ahora son las 09:45.