Solucionado
Fiquei com uma dúvida sobre esse float.
na secao, que é pai da chamada noticias normal mini, está com width 33%, quando eu defino 50% para a classe mini, ele leva em consideração o width do elemento pai ou leva em consideração a pagina toda ?
.secao {
float: left;
width: 33%;
}
.mini {
float: left;
width: 50%;
}
No caso da propriedade width, a referência para a porcentagem é a largura do elemento pai.
Um código para exemplo:
<div style="width: 400px; height: 200px; background-color: red;">
<div style="width: 50%; height: 50%; background-color: yellow;">
</div>
</div>Resultado:
.
Observe que a largura da div interna é 50% da largura da div pai, já a altura da div interna é 50% da altura da div pai. Desse exemplo, você pode concluir que no caso da propriedade height, a porcentagem se refere à altura do elemento pai.
Resumindo, cada propriedade terá uma referência para a porcentagem !