[RISOLTO] Posizionare una immagine centralmente nell'header

[ElimGarak]

Ciao a tutti!!!
Ho una png trasparente da sistemare esattamente al centro dell'header.
Lavorando esclusivamente con IE, ero riuscito a sfruttare questo "escamotage" rozzo:

div#logo {
   position: absolute;
   left: 158px;
   top: -5px;
   float: left;
   width: 765px;
   height: 100px;
   background: url(../images/titolotrasp.png) 0 0 no-repeat;
/   margin-left: 30px;
/   margin-top: 25px;
   overflow: hidden;

Ovviamente, una volta visualizzato il tutto sotto Firefox, è andato a quel paese.

Potete vedere nell'immagine un paragone fra i due.
Il monitor a sinistra (IE) è a 1280X800.
Quello a destra (FF) è 1280X1024.




Come posso fare? Mi sto impazzanedo ma non ne vengo a capo. Se provo a usare "center" come position, l'immagine con la scritta finisce tutta in basso a destra dell'header.

Grazie mille!!!

Come posso fare? Mi sto impazzanedo ma non ne vengo a capo. Se provo a usare "center" come position, l'immagine con la scritta finisce tutta in basso a destra dell'header.

Grazie mille!!!

[.Andrea S.]

il template ha una larghezza fissa giusto?

Se si allora imposta un margine "left" più ampio
ad esempio:

Codice: [Seleziona]

div#logo {
position: absolute;
left: 0;
top: 0;
float: right;
width: 298px;
height: 75px;
background: url(../images/mw_joomla_logo.png) 0 0 no-repeat;
margin-left: 300px;
margin-top: 25px;
}

(ovvio devi trovare la giusta misura in relazione a quanto è grande la tua img e quanto è largo il template)

[ElimGarak]

Sì, ha una larghezza fissa. Non per scelta, ma per necessità. Se lo lasciavo fluido, ridimensionando andava tutto fuori posizione. Se c'è una soluzione, è ben accetta. ^__^

Una domanda. Ma se aumento il margine per centrarlo in FF, poi non si decentra in IE?

[.Andrea S.]

non dovrebbe, l'unica è provare. 

[ElimGarak]

Che stupido che sono!!!
Mi è bastato de-commentare le impostazioni dei margini. Le avevo escluse per fare una prova e non le avevo più rimesse a posto. Grazie! ^__^