Ver Mensaje Individual
  #1 (permalink)  
Antiguo 06/12/2014, 05:18
Avatar de dryant
dryant
 
Fecha de Ingreso: agosto-2009
Ubicación: Malaga, Ceuta, España....
Mensajes: 283
Antigüedad: 15 años, 4 meses
Puntos: 10
Responsive design e imagenes float.

Hola!
Estoy haciendo una web con diseño fluido, en la cual hay una pagina en la que aparece una imagen con float left, y una descripcion que envuelve a esa imagen.
Al ser el diseño responsive, a medida que va disminuyendo la pantalla, la descripcion va haciendose mas pequeña hasta que no cabe y "salta" por debajo de la imagen.
El caso es que ee salto lo hace para mi gusto, demasiado tarde, ya que a partir de 400 px a la derecha de la imagen, queda un poco de la descripción demasiado estrecho lo que afea la pagina.

Yo quiero decidir a partir de que pixels salta la descripcion hacia debajo de la imagen.

No me refiero a poner las media querys necesarias para cada pantalla, sino al codigo css que hace que a partir de un tamaño de pantalla (estipulado en la media query) ya salte la descripcion hacia debajo de la imagen.

Dejo una captura de pantalla del problemilla en cuestion:
https://www.dropbox.com/s/0cyh5pvbc7...19.05.png?dl=0

Como se ve en la imagen, a esa dimension de pantalla ya me gustaría que la descripcion estuviera debajo de la imagen.

Como se puede hacer esto?

Gracias a todos copañeros!
__________________
Tecnología y tutoriales