Ver Mensaje Individual
  #8 (permalink)  
Antiguo 29/11/2014, 13:00
waltersele
 
Fecha de Ingreso: septiembre-2012
Mensajes: 74
Antigüedad: 11 años, 7 meses
Puntos: 4
Respuesta: Efecto raro en los DIV

Cita:
Iniciado por alzacon Ver Mensaje
waltersele, creo que estás "mezclando la velocidad con el tocino". Que no te parezca mejor opción no indica que no sea buena práctica. Que sea más versatil no significa que sea la mejor opción, muchas veces no es necesario matar moscas a cañonazos. Y lo de muchas lineas de código, perdón por decir lo siguiente, no te lo crees ni tú; tan secillo como crear una clase y añadirla luego al html, "millones" de lineas ahorradas.
Código CSS:
Ver original
  1. .floatleft{float: left;}

Aún no has dicho el porqué y desde cuando no es buena práctica. Has dado info de para que sirven y dicho que es más versátil usar flex.

PD: Cuando se dice que algo "no es bueno", normalmente se entiende por "es malo".
No creo que deba escribir lo mismo otra vez vaya a solucionar nada.. pero fijate donde digo...

Cuidado, no digo que a veces no sea bueno utilizarlos,pero para este layout.. tienes varias posibilidades mejores,en este en concreto yo utilizaría display flex pues te brinda muchisimas más posibilidades y el diseño que realizas es mucho más versatil y flexible.

Si no me lo creo ni yo... crea este codepen con floats,y comprobamos, es muy similar al compartido por el compañero.

http://codepen.io/anon/pen/dPYPjm

Ten en cuenta que debería de verse lo mejor posible en cuantos más dispositivos mejor y que las cajas deben estar a la misma altura y evidentemente, el texto no debe salirse de la caja.

A ver quien confunde la velocidad con el tocino... y a ver es el que va pegando cañonazos para pintar un simple layout. Si me lo haces sin definir alturas y sin media queries te invito a una caña vale?

Copia mi HTML y dale caña. Espero tu respuesta!

Y aquí os dejo un par de artículos de editores reconocidos que pueden corroborar mi respuesta y nombran varias pegas a los floats =)

En el primero, si bajas un poco pone... A BETTER ALTERNATIVE

http://www.webdesignerdepot.com/2014...ut-css-floats/

http://designshack.net/articles/css/...of-css-layout/