sfondo copre immagine

[jackfollia]

salve,
ho un layout costruito con i css di questo tipo:

2 colonne (contenuti e menu),
nei contenuti ho una immagine posizionata
con float:left ed il testo che le si posiziona
intorno.

Problema: il background-color della colonna
dei contenuti mi copre l'immagine, cio' accade solo con IE6.



Potete aiutarmi ?
Grazie.

closeup.

[floyd46]

Perchè non posti u pò di codice?

[jackfollia]

piu' o meno il codice e' questo,
il problema e' che il colore di sfondo (red)
del cx copre l'immagine.


.............
#cx { margin: 0 270px 0 0; background-color:red}
#dx { width:250px}
#cont {position:relative}
#foto {float:left}
.............

<div id="cont">

<div id="cx">
<img id="foto">

testo che circonda la foto...</p>
</div>

<div id="dx">
...
</div>
</div>
..............

[jackfollia]

ho provato ad eliminare float:left da #foto
e l'immagine ricomparema purtroppo non e' il layout
che voglio.

[Jerry Masslo]

essendo probabile si tratti di un bug occorre poter riprodurre il problema per cercare qualche soluzione, solo quello che hai postato è insufficiente, la cosa più utile è che mettessi online una prova, anche non esattamente il codice che stai usando ma uno con lo stesso problema, cioè puoi pure togliere tutto il superflo.

[jackfollia]

ho messo qui la pagina:
http://web.tiscali.it/varwww/css/layout.htm


ricapitolando:
solo se tolgo il 'background-color:red' da #cx
la foto viene visualizzata (con IE 6).

Con firefox ed opera nessun problema.

Grazie per l'aiuto.

[Jerry Masslo]

immagino che quello spazio lo usi per le prove, perché è parecchio lento, lo script lo devi inserire dentro il tag head.

per il problema, aggiungi al css dell'immagine questo:

position:relative;
z-index:4


o un altro z-index conveniente, la spiegazione non credo che interessi a meno che non ci si occupi di demenze

[jackfollia]

Ciao Jerry,

ho apportato le modifiche che mi hai
suggerito e, finalmente, l'immagine
e' comparsa.

Ti ringrazio moltissimo per
la disponibilita'.