div posizionato in modo fisso ad altezza fissa e div relative o assolute all'interno con maggiore altezza
-
19-09-2019 - |
Domanda
Ho un problema con IE.
Ho un div fissi come questo:
#fixed {
position: fixed;
top: 0px;
left: 0px;
z-index: 9998;
width: 100%;
height: 40px;
}
All'interno di questo div voglio inserire un altro div che ha un'altezza che è superiore al suo titolare (superiore a 40px). Così ho messo un parente o un div assoluto al suo interno e funziona splendida in tutti i browser tranne IE, almeno IE8.
Ma in IE8 div bambino viene tagliato a causa dell'altezza di 40px specificato per il suo titolare.
C'è una soluzione a questo problema? Sto iniziando a ottenere i capelli grigi ..
Soluzione
Risposta rapida: avete provato impostando la clip
proprietà del div contenuta a è proprio formato?
Un'altra soluzione sarebbe (se, supponiamo di avere un div contenitore con sinistra / destra margini auto
e position: relative
) per avere il secondo div al di fuori del div
fissato nel codice HTML, poi posizionarlo fixed
all'interno del contenitore div invece - dal momento che è anche fisso, è quindi possibile impostare superiore / inferiore e posizioni sinistra / destra per adattarsi.