Foros del Web - Ver Mensaje Individual - ¿Alguien sabe si va a desaparecer la etiqueta float?

emprear · #8 (**permalink**) 31/12/2011, 07:54

Cita:

¿Alguien sabe si va a desaparecer la etiqueta float?

Eso va a suceder si, y solo si, la W3C, retira esa propiedad de la Especificación CSS1, no porque alguien decida retirarla de su repertorio.
Hace poco en este mismo foro, alguien "demonizó" de alguna forma el uso de "id"... ahora esto del float. A veces encuentro cosas muy interesantes en las conferencias de @freddier ,aunque no se muy bien por que se sobreexita y acelera, incluso lo escuche hablar de apocalipsis.

Si nos atenemos a lo que dice (al menos en uno de los fragmentos: http://mejorando.la/videos/introduccion-html5/ minuto 53 en adelante)....
float es absolutamente innecesario, eso se acabó, ahora disponemos del muy "cool" inline-block.... y sigue

Ahi ya arrancamos mal, porque si es cuestion de reemplazar una propiedad por otra, no le veo la gracia.

Les pongo un código de ejemplo, con una estructura bastante sencilla y común de ver, el efecto buscado es el primero, una suerte de banner al 100% del ancho con un texto centrado y dos imágenes, una a la izquierda y otra a la derecha.

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>titulo</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
 
<style type="text/css">
/*<![CDATA[*/
 
div{
width: 100%;
border: solid 1px #000;
text-align: center;
height: 200px;
line-height: 200px;
}
.fl{
float: left;
}
.fr{
float: right;
}
.ib{
display: inline-block;
}
/*]]>*/
</style>
</head>
<body>
<p>Con Float</p>
<div>
<img src="a.jpg" alt="" width="200" height="200" class="fl"/>
titulo
<img src="a.jpg" alt="" width="200" height="200" class="fr"/>
</div>
<p style="clear: both;">con inline block</p>
<div>
<img src="a.jpg" alt="" width="200" height="200" class="ib"/>
titulo
<img src="a.jpg" alt="" width="200" height="200" class="ib"/>
</div>
<p style="clear: both;">con float + inline block</p>
<div>
<img src="a.jpg" alt="" width="200" height="200" class="ib fl"/>
titulo
<img src="a.jpg" alt="" width="200" height="200" class="ib fr"/>
</div>
 
</body>
</html>

Demo: http://foros.emprear.com/html/float-...esaparece.html
Del ejemplo solo rescato lo completamente absurdo del caso 3º, donde hay que recurrir a las dos clases, una "recurrencia", valga la redundancia

Creo que es hora de que se tenga más cuidado con lo que se dice. Este afán de reinventar la web, de hacer una suerte de revisionismo histórico del html los llleva a decir cosas, que en mi caso, que ya llevo varios años en esto, las tomo con pinzas, pero los más nuevos, pueden arrancar con vicios difíciles de erradicar en el futuro.

Saludos y feliz año si no nos cruzamos antes