Bug clear en Opera 7.5 3
Llevo toda la tarde dandole vueltas a un bug especialmente dificil del interprete de CSS de Opera 7.54. La cuestión es la siguiente: cuando flotamos un bloque a la izquierda con float:left y seguidamente aplicamos un clear:left al siguiente bloque aparece el bug, el primer bloque presenta un margen que destroza el diseño.
El código que reproduce el bug es el siguiente:
<div id="floated1"> </div>
<div id="floated2"> </div>
#floated1 {
border: 1px solid red;
width: 50px;
height: 30px;
float: left;
}
#floated2 {
border: 1px solid blue;
height: 30px;
width: 50px;
clear:left;
}
Y en opera apracece algo como esto:
La solución es bastante elegante ya que no introduce efectos laterales a los demas navegadores mediante hacks CSS, sólo hay que meter el bloque rebelde dentro de otro bloque sin aplicarle ninguna clase de esta manera:
<div><div id="floated1"> </div></div>
<div id="floated2"> </div>Y todo vuelve a estar como debería verse:
Creo que la gente que se pelea todos los días con CSS y problemas de este tipo está infravalorada, maquetar con CSS es un arte!
menéame