Salve.
Sto facendo delle prove per un sito e mi trovo naturalmente negli errori di Internet Explorer 6 col tag 'fixed'.
Devo usare un'immagine come sfondo, un banner centrale (con 'top 0') e il resto racchiuso in un corpo 'div'.
Vorrei tenere lo sfondo e il banner fissi e "scrollare" il resto.
Questo sarebbe il semplice codice, che funziona alla perfezione su Firefox e su Chrome, ma non su IE6.
.sfondo {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
}
img.ban {
position: fixed;
top: 0px;
left: 50%;
margin-left: -500px;
border: 1px solid #000000;
}
.corpo {
margin: 0px auto 0px auto;
width: 950px;
height: auto;
}
Mi sono imbattuto in un sito che si vede perfettamente con IE6 e usa i seguenti attributi:
per lo sfondo 'position: absolute; ', 'z-index: 1; '
e per il corpo 'position: absolute; ', 'z-index: 2; '
Ho provato ad implementare in questa maniera ma il risultato è pessimo.
Qualcuno potrebbe aiutarmi a capire il perché?

Rispondi quotando