Div posicionada fixa com uma altura fixa e divs relativa ou absoluta dentro dela com maior altura

StackOverflow https://stackoverflow.com/questions/2427635

Pergunta

Eu tenho um problema com o IE.

Eu tenho uma div assim:

#fixed {
position: fixed;
top: 0px;
left: 0px;
z-index: 9998;
width: 100%;
height: 40px;
}

Dentro desta div, eu quero colocar outra div que tenha uma altura mais alta que o seu suporte (superior a 40px). Então eu coloquei um parente ou uma div dentro dele e ele funciona esplêndido em todos os navegadores, exceto o IE, pelo menos IE8.

Mas no IE8 o filho é cortado por causa da altura de 40px especificada para o seu titular.

Existe alguma solução alternativa para esse problema? Estou começando a pegar cabelos grisalhos ..

Foi útil?

Solução

Resposta rápida: você já tentou definir o clip propriedade da div contida para seu próprio tamanho?

Outra solução alternativa seria (se, digamos, você tem uma div contêiner com margens esquerda/direita auto e position: relative) ter a segunda div fora do fixo div em seu html, depois posicione -o fixed Em vez disso, dentro da div container - como também é corrigido, você pode definir posições superior/inferior e esquerda/direita para se adequar.

Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top