Tecna yo por inercia siempre recomiendo librosweb.es. Pero ese artículo no lo había visto.
Es un artículo erróneo. Ya de entrada el título,
posicionamiento flotante, está mal. No existe nada que se pueda llamar así. Porque en realidad debería llamarse elementos flotados, o flotados a secas. Y llamarlo como se hace ahí conlleva más al error. Se puede decir que es una
propiedad de posicionamiento, pero no es un tipo de posicionamiento.
Un elemento flotado si forma parte del flujo natural del HTML. Esto es así porque verás que efectivamente si pones varios elementos flotados estos flotarán según donde aparezan en el HTML y según estén flotados los elementos anteriores y posteriores. O el típico caso de un periódico, donde aparece una imagen flotada y el texto corre alrededor de la imagen.
La cuestión del la altura del contenedor no ocurre porque salga del flujo natural, porque evidentemente si a ese contenedor le das márgenes, padding, y cualquier otra cosa los elementos internos flotados se moverán según esos valores. De hecho, incluso, para solventar ese problema se puede aplicar propiedades al propio contenedor para forzar que tome la altura según lo que ocupen esos elementos flotados.
Volviendo al tema. Díganme si esto para la maquetación no es una locura:
Código CSS:
Ver originaldiv#contenedor {
position: absolute;
left: 50%;
width: 960px;
margin-left: -480px;
}
Comparado con:
Código CSS:
Ver originaldiv#contenedor {
width: 960px;
margin: 0 auto;
}
En el primer caso en resoluciones pequeñas parte del contenido simplemente desaparecería y en el segundo se crean barras de scroll.
No sé quien sacaría el tema de la semántica, pero aquí la semántica no tiene nada que ver.
Disculpas por el mensaje anterior. No es que estuviera borracho, andaba desde un dispositivo móvil y salió esa aberración.
