css sfondo sfalsato in firefox (e Opera all'occorenza)

[mary201067]

Ciao a tutti.
Avrei un problemino ino ino.
Ho creato un layout dove per mia necessita' ho applicato un css nella parte centrale per applicare di volta in volta lo sfondo ke mi necessita ma come si vede dalle immagini in explorer funge in Firefox (e anke Opera) va per i fatti suoi.
Ho tentato varie strade (allineamento pixel e quant'altro) con risultati pressoche' inesistenti in explorer visto che le modifiche dei valori sono quasi del tutto inattive mentre negli altri due browser praticamente lo sfondo se ne va a spasso dove gli pare (o dove gli dico io ovviamente in maniera errata). Che faccio? Sono tre ore che sbatto
Un aiutino a una povera neofita in panne.
Grazie in anticipo a chi risponde.

[Ugly Mau]

Non ho capito molto bene cosa vuoi ottenere, una immagine centrata in sopra un'altra?

[mary201067]

esatto ho intabellato il tutto ma sto usando il css solo per il centro e non va

[Ugly Mau]

Bisognerebbe vedere come hai strutturato il tutto, ma potresti provare così:


Mettiamo che tu hai una immagine di 100x100px
.immagine_sopra{
top: 50%;
left: 50%;
margin-top: -50px;
margin-left: -50px;
position: relative;
}

[mary201067]

di cosa hai bisogno per vedere dove ho cannato?

[mary201067]

Originariamente inviato da mary201067
di cosa hai bisogno per vedere dove ho cannato?

<TABLE WIDTH=760 height="560" BORDER=0 CELLPADDING=0 CELLSPACING=0>
<TR>
<TD> [img]immagini/spaziatore.gif[/img]</TD>
<TD> [img]immagini/spaziatore.gif[/img]</TD>
<TD> [img]immagini/spaziatore.gif[/img]</TD>
<TD> [img]immagini/spaziatore.gif[/img]</TD>
<TD> [img]immagini/spaziatore.gif[/img]</TD>
<TD> [img]immagini/spaziatore.gif[/img]</TD>
<TD> [img]immagini/spaziatore.gif[/img]</TD>
</TR>
<TR>
<TD COLSPAN=4> [img]immagini/Senza-titolo-3_01.jpg[/img]</TD>
<TD COLSPAN=3> [img]immagini/Senza-titolo-3_02.jpg[/img]</TD>
</TR>
<TR>
<TD height="342" COLSPAN=7 class="stile1"><div align="center">
<table width="365" height="263" border="0" cellpadding="0" cellspacing="0">
<tr>
<td class="stile2" title="Logo Ombe">

</p> </td>
</tr>
</table>
</div></TD>
</TR>
<TR>
<TD> [img]immagini/Senza-titolo-3_04.jpg[/img]</TD>
<TD> [img]immagini/Senza-titolo-3_05.jpg[/img]</TD>
<TD> [img]immagini/Senza-titolo-3_06.jpg[/img]</TD>
<TD COLSPAN=2> [img]immagini/Senza-titolo-3_07.jpg[/img]</TD>
<TD> [img]immagini/Senza-titolo-3_08.jpg[/img]</TD>
<TD> [img]immagini/Senza-titolo-3_09.jpg[/img]</TD>
</TR>
</TABLE>

e qst e' il css

<style type="text/css">
<!--
body {
font-family: "Trebuchet MS";
font-size: 13px;
font-style: normal;
font-weight: bold;
font-variant: normal;
color: #FFFFFF;
background-color: #CD0000;
}
.stile1 {
background-attachment: fixed;
background-image: url(immagini/Senza-titolo-3_03_1.jpg);
background-repeat: no-repeat;
}
.stile2 {
font-family: "Trebuchet MS";
text-align: center;
font-size: 10px;
color: #FFFFFF;
}
a:link {
color: #ffb6b6;
font-family: "Trebuchet MS";
font-size: 10px;
font-weight: bold;
}
a:visited {
color: #c7c7c7;
font-family: "Trebuchet MS";
font-size: 13px;
font-weight: bold;
}
-->
</style>

[mary201067]

Originariamente inviato da Ugly Mau
Bisognerebbe vedere come hai strutturato il tutto, ma potresti provare così:


Mettiamo che tu hai una immagine di 100x100px
.immagine_sopra{
top: 50%;
left: 50%;
margin-top: -50px;
margin-left: -50px;
position: relative;
}

Risolto: togliendo l'attibuto FIXED funziona in tutti e tre i browser. Non so quanto sia tecnicamente corretto....pero' funziona