É comum um site ter seu menu a esquerda. Ao desenvolver um layout em
Tableless temos que fazer do menu um bloco flutuante a esquerda e o conteudo que fica ao seu lado recebe uma margem esquerda pouco maior que a largura do menu. Com essa construção, em alguns momentos, nos deparamos com o seguinte problema:
Um bloco com "limpeza" de flutuação (
clear: {left|both|right} ) será movido para que tenha sua posição
y seguinte a posição
y mais a altura do menu.
Isso me parece um Bug, pois o bloco do menu não é interno ao bloco do conteúdo. Ele não deveria participar da definição de reposicionamento de elementos neste.
Implementação errada do
padrão definido pela W3C? Estranho... Tanto o Mozilla quanto o Internet Explorer implementam desta forma. Como solucionar?
Eu tenho uma solução que pode ser vista no tópico "
CSS Hack sobre Interferência de Floats":
Problema:
Solução:
(Visite
o tópico citado para saber mais)
Acho que ainda é possivel melhor, apesar de ainda não ver como. Você sabe?
Por favor me escreva! Meu e-mail é
aurium arroba gmail ponto com e coloque o assunto "CSS Hack sobre Interferência de Floats".
Valeu!
