Come posizionare centralmente in modalità fissa un logo in una pagina html

[away]

Un saluto studio web design da autodidatta ovviamente con solo html e css niente editor wysiwyg - ho lasciato in allegato pagina con relative cartelle per rendervi il compito più semplice - vorrei sapere come fare a posizionare il logo nel centro della pagina in maniera fissa (il file in oggetto dovrebbe rappresentare il file di apertura del progetto) ovvero se aprite la pagina htm e sopra l'area di notifica regolate il livello di zoom che ne so 50% vedrete che ovviamente la grandezza del logo si dimezzera ma lo stesso verrà proiettato tutto verso sinistra - ora è evidente che per rednere stabile al centro il logo dovrei inserire dei parametri nei css - ma non so dove - mettere forse le percentuali nei parametri margini nel body dentro i css che io ho messo a zero - oppure utilizzare il comando background-attachment:fixed; oppure position:absolute; -
al logo ho applicato un rollover con un link vuoto solo come esempio - spero di essere stato esaustivo nella spiegazione - allego file zip - aspetto vostra dritta - un saluto e grazie

 

[Bedo]

se ne è parlato qui...

http://forum.mrwebmaster.it/html-css/21106-centrare-div-body-usando-css.html

 

[away]

se ne è parlato qui...

http://forum.mrwebmaster.it/html-css/21106-centrare-div-body-usando-css.html

Ciao e grazie seguito per filo e per segno rifacendomi alle dimensioni del mio div ma peggio di prima .......... il div ora totalmente decentrato in più ci sono pure
le barre di scorrimento

 

[away]

Ok adesso invece cominciamo a ragionare avevo impostato i margini anche nei parametri di a:link - a:visited - a:hover - adesso è centrato solo che due cose noto che non mi tornano se apro la pagina con un altro browsertipo firefox mi visualizza solo il background ma non i logo png - preciso che al logo ho dato un effetto rollover come potrete vedere scricando il file canvas.zip - e poi nonostante abbia impostato nei css img {border:none} - nel mentre clicco sul logo appare il solito tenue bordo del file png trattegiato sapete dirmi se è possibile rimuoverlo se si come - grazie

 

[Bedo]

...con questo codice css il div viene al centro della pagina...
...le dimensioni devono essere quelle del tuo div...
il margin va messo con valore pari alla metà delle dimensioni (e negativo)...


html, body {
background-color: #FFFFFF;
height: 100%;
margin:0;
}

#nomedeltuodiv {
width:750px;
height:540px;
position:absolute; top:50%; left:50%;
margin:-270px 0 0 -375px;
}


ciao

 

[away]

ok grazie per la dritta ma vale per tutto volgio i parametri di cui sopra valgono per tutti i browser ?

E ancora hai provato ad aprire il mio file cosa mi dici in merito al fatto che con firefox il logo posto al centro linkbile con rollover non compare e poi sempre se apri il file noterai che pur avendo imposato nei css img {border:none} - una volta che con il mouse clicco appare quello sgradevole controno sul logo - è normale non è possibile ovviare oppure si può omettere - grazie ancora ciao