problema di posizione (ed altro) livelli su IE 6

[metatad]

Ho una pagina, prevalentemente in PHP ed alquanto complessa, in cui - non potendo utilizzare i classici lightbox e simili, per ragioni che non sto qui a spiegare - per mostrare delle gallery di foto ho fatto ricorso ad un sistema basato fondamentalmente su:
- un livello che copre l'intera area della finestra, con fondo nero ed opacità 70%
- un ulteriore livello, sovrapposto a quello precedente, con la gallery
Funziona tutto benissimo, su FF, su Chrome, su IE 7+...
Naturalmente, IE 6 da problemi (ed il cliente vuole che funzioni anche su quel browser, per quanto obsoleto!).
In cosa non funziona sul 6?
Innanzitutto, l'opacità.
Io la setto così:

filter:alpha(opacity=70); moz-opacity: 0.7; opacity: 0.7; 

ma IE6 mi restituisce il colore senza alcuna trasparenza.
Secondo problema: il livello nero-trasparente dovrebbe coprire tutta la finestra, ma su IE6 invece mi copre soltanto l'area corrispondente ad un livello sottostante, che è più stretto della finestra.
Questo livello (wrapper) ha il seguente CSS:

#wrapper {
    position: absolute;
    width:962px;
    max-width:962px;
    overflow:hidden;
    padding:36px 0 0px 0px;
    background-image:url(images/bg.jpg);
    background-position:left top;
    background-repeat:no-repeat;
    background-color:#6B7887;
    left: 50%;
    margin: 36px 0 0 -481px;
    background-attachment: scroll;
} 

Ovviamente, il livello nero non è posizionato dentro il livello wrapper, ma fuori (a fine pagina, nel codice).
Terzo problema: il livello contenente la gallery, anche se ha lo z-index più alto, quando viene a trovarsi sopra una select, mi fa vedere questa come se fosse invece in primo piano, davanti a tutto (livello e foto).
Dalla immagine allegata si vedono bene tutti e tre i problemi: mancata opacità, dimensione limitata, sovrapposizione delle select.
Se può servire, questi sono i settings CSS generali (per IE):

* {
    margin:0px;
    padding:0px;
}
body {
    margin:0 auto;
    padding:0 1px;
    background-color:#6B7887;
}
html > body {
    min-height:100%;
    height:auto;
} 

Come posso risolvere questi problemi?

[fcaldera]

Originariamente inviato da metatad
Io la setto così:

filter:alpha(opacity=70); moz-opacity: 0.7; opacity: 0.7; 

ma IE6 mi restituisce il colore senza alcuna trasparenza.

Hai anche specificato delle dimensioni per questo livello? Se no, il filtro non funziona.

Originariamente inviato da metatad
Secondo problema: ...

Serve vedere la pagina in questione, così qualcuno può testarla

Originariamente inviato da metatad
Terzo problema: il livello contenente la gallery, anche se ha lo z-index più alto

Su IE6 non puoi risolvere se non nascondendo la select quando apri il layer.
(Dai un occhio alle slide che ho in firma)

[metatad]

Il livello nero ha dimensioni fissate:

width: 100%; height: 100%; 

La pagina test è: http://www.ischiatophotel.it/indexbis.php
Come la nascondo, una select?? La devo mettere in un div, ed agire via JavaScript sulla visibilità?
Comunque, questo problema l'ho risolto altrimenti...

[Prill]

Prova ad aggiungere uno zoom:1;
sarà meglio anche aggiungere il codice per ie8 che riconosce anche filter:alpha ma lo rende in maniera diversa a seconda che sia in modalità compatibile o meno. Il codice sarà

-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
zoom:1;

converrà inserirlo in un foglio di stile a parte letto solo da Explorer 8 e precedenti:



(Hai un bel po' di errori nella pagina)

[metatad]

Ok, thanks....

[metatad]

E per il secondo punto (la larghezza del livello)?

[Prill]

Mi spiace metadat ma mi ci è voluto un po' per dare solo un'occhiata al tuo codice e non posso andare a cercare i div interessati, nel css per ie6 vedo un div#confoto e poi un #confoto che immagino, ma non so, siano quelli della gallery, definiti con posizionamenti assoluti e statici, poi però c'è un css per ie6 anche incorporato nella pagina dove hai definito gli stessi elementi. C'è confusione e ci si perde. Se vuoi un test e possibili soluzioni ti converrebbe approntare una pagina di prova con due foto, script e css per la gallery e null'altro

[metatad]

Ok, grazie... adesso vedo.