Por favor, olhe para este violino:
No IE7, se eu colocar width: 100% em uma tabela, dentro de um div com position: absolute e width unspecified, a tabela assume a tela inteira.
Todos os navegadores mais recentes, isso não acontece.
Alguém pode por favor explicar?
E qual é a melhor maneira de corrigir isso? Eu só preciso especificar a largura em todos os elementos posicionados absolutos? Ou há uma correção melhor com algum tipo de elemento wrapper?
Respostas:
0 para resposta № 1Se você quiser posicionar absoluto, deve ser relativo ao primeiro pai que está posicionado. Parece que o IE7 não sabe qual pai é esse, porque você não especificou um. Faz position: relative em um dos pais para consertar isso. Ou posicione a tabela relativa.
Eu acho que especificar a largura em elementos posicionados absolutos é sempre uma coisa boa, já que elementos posicionados de forma absoluta são retirados da parte inferior regular da página.