Comunidad de diseño web y desarrollo en internet online

Problema con imagenes y CSS

Citar            
MensajeEscrito el 28 Ago 2009 07:03 am
Hola que tal, tengo un problema con el uso de CSS al meter imagenes en divs, el problema lo pueden ver en el siguiente link:


http://www.gamersos.com.ar/pruebas/problema/index.html

En el IE lo veo bien, pero en el Firefox lo veo corrido, el div contendor se acomoda a la cantidad de texto y no a la altura de la imagen entonces la imagen queda cortada a la mitad sobresaliendo lo que no entro en el cuadro, no se si me explico bien.. :P

lo que yo quisiera lograr es que no importa cual sea la altura de la imagen, el cuadro donde esta el texto se alargue al tamaño de la imagen, sin importar cuanto texto haya

si tienen alguna idea o saben que es lo que esta mal les agradeceria que me lo dijeran ^^

el archivo de css esta en: http://www.gamersos.com.ar/pruebas/problema/estilos.css

grx saludos :)

Por Benutti

188 de clabLevel

1 tutorial

 

NutT

firefox
Citar            
MensajeEscrito el 28 Ago 2009 12:05 pm
Tu problema es que la imagen flota. Para solucionar esto agrega un elemento debajo de todo, justo antes del cierre del DIV con el estilo crlear:both;

Ejemplo:

<div style=”clear:both;”></div>

Por nachon

22 de clabLevel



 

Argentina

firefox
Citar            
MensajeEscrito el 28 Ago 2009 01:09 pm
Queda más elegante creando en el css una clase, por ejemplo .clear, y darle la propiedad que decía @nachon. En el html quedaría simplemente un:

<div class="clear"></div>

Por jackbach

Claber

196 de clabLevel

1 tutorial

 

Barcelona

firefox
Citar            
MensajeEscrito el 29 Ago 2009 12:43 am
muchas gracias por responder, ya funciona perfecto no entiendo como no se me habia ocurrido ^^

gracias!

Por Benutti

188 de clabLevel

1 tutorial

 

NutT

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.