Autore Topic: [RISOLTO] Posizionare una immagine centralmente nell'header  (Letto 1538 volte)

Offline ElimGarak

  • Nuovo arrivato
  • *
  • Post: 28
    • Mostra profilo
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:

Citazione
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!!!
« Ultima modifica: 01 Apr 2008, 16:16:10 da ElimGarak »

Offline .Andrea S.

  • Instancabile
  • ******
  • Post: 4404
  • Sesso: Maschio
    • Mostra profilo
Re: Posizionare una immagine centralmente nell'header
« Risposta #1 il: 01 Apr 2008, 15:07:15 »
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)
Andrea | www.joomlovers.net | Il sito per gli amanti di Joomla!

Offline ElimGarak

  • Nuovo arrivato
  • *
  • Post: 28
    • Mostra profilo
Re: Posizionare una immagine centralmente nell'header
« Risposta #2 il: 01 Apr 2008, 16:00:22 »
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?

Offline .Andrea S.

  • Instancabile
  • ******
  • Post: 4404
  • Sesso: Maschio
    • Mostra profilo
Re: Posizionare una immagine centralmente nell'header
« Risposta #3 il: 01 Apr 2008, 16:01:50 »
non dovrebbe, l'unica è provare.  ;)
Andrea | www.joomlovers.net | Il sito per gli amanti di Joomla!

Offline ElimGarak

  • Nuovo arrivato
  • *
  • Post: 28
    • Mostra profilo
Re: Posizionare una immagine centralmente nell'header
« Risposta #4 il: 01 Apr 2008, 16:15:34 »
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! ^__^

 

Host

Torna su