Div posicionada fixa com uma altura fixa e divs relativa ou absoluta dentro dela com maior altura
-
19-09-2019 - |
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 ..
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.