1. HACK DE CSS
Os dois métodos a seguir podem resolver quase todos os HACKs atuais.
1. !importante
Com o suporte do IE7 para !important, o método !important agora tem como alvo apenas o HACK do IE6. (Nota por escrito: lembre-se de que a posição declarada precisa ser declarada antecipadamente.)
| <estilo> #wrapper { largura: 100px!importante; largura: 80px; } </estilo> |
2. IE6/IE77 para FireFox
*+html e *html são tags específicas do IE e ainda não são suportadas pelo Firefox. E *+html é uma tag exclusiva para o IE7.
| <estilo> #wrapper { #wrapper {largura: 120px; *html #wrapper { largura: 80px;} *+html #wrapper { largura: 60px;} } </estilo> |
Perceber:
*+html HACK para IE7 deve garantir que haja a seguinte instrução no topo do HTML:
| <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" ""> |
2. flutuador fechado (flutuador transparente)
Adicione o seguinte código ao Global CSS e adicione class="clearfix" ao div que precisa ser fechado.
| <estilo> .clearfix:depois { contente:"."; exibição: bloco; altura:0; claro: ambos; visibilidade:oculto; } .clearfix { display: bloco embutido; } .clearfix {display: bloco;} </estilo> |