pular para o conteúdo [1]

Artigos sobre Front-End e Programação web

Bug do Internet Explorer 6 (IE6) – fundo desaparecendo em listas

| 0 Comentários

Esse bug acontece com o Internet Explorer 6 quando colocamos uma lista, ordenada, não ordenada ou de definição, dentro de uma DIV que tenha sido flutuada (left ou right) e ainda que tenha declarada position:relative nela.
O Código para representar o bug:

HTML:

<div id="listas">
	<ul>
		<li>Primeiro item</li>
		<li>Segundo item</li>
		<li>Terceiro item</li>
		<li>Quarto item</li>
	</ul>
</div>

CSS:

#listas {
		float: left;
		position: relative;
		}

Veja a renderização correta no Firefox e o bug no Internet Explorer 6

Bug do fundo desaparecendo em listas

Bug do fundo desaparecendo em listas


A solução para sair do bug é simples, basta declarar a regra abaixo para as listas que apresentarem o bug.
#listas ul{position:relative;}

Deixe uma resposta

Campos obrigatórios *.



*

Topo