Dreamweaver: centrare la pagina web

Di: irdelo | 26/09/2020 18:04:00
Salve a tutti, sono nuovo del forum e abbastanza inesperto... così mi stavo accingendo a creare la mia pagina web!
Dopo aver fatto in fireworks l'immagine ed i relativi pilsanti la importo in Dreamweaver, questa risulata perfetta ma non riesco a centrarla nella pagina... potreste dirmi come posso fare?
Grazie

Risposte



Il problema di centrare il sito nello spazio disponibile è stato risolto in periodi diversi con tecniche diverse...
La soluzione consigliata oggi consiste nell'uso di un DIV di dimensioni fisse, centrato con l'uso dei CSS...
Invece di parlare di teoria scrivo un esempio pratico, facilmente adattabile alle tue esigenze.
Step 1: All'interno del corpo della pagina (tra i tag <body> e </body>) devi inserire un DIV che chiameremo divCentro...
<div id="divCentro">
........
</div>
Dentro questo DIV andranno tutti i contenuti.
Step 2: All'interno dell'head della pagina (tra i tag <head> e </head>) devi inserire lo stile per il tuo DIV...
<style>
#divCentro {
width: 300px;
height: 120px;
position: absolute;
margin-left: -150px;
margin-top: -60px;
left: 50%;
right: 50%;
top: 50%;
bottom: 50%;
}
</style>
Qusto farà in modo che il tuo contenuto stia sempre al centro della pagina, qualunque siano le dimensioni.
Ricordati di personalizzare questi quattro valori in base alle tue esigenze:
width è la larghezza in pixel per i tuoi contenuti.
height è l'altezza in pixel per i tuoi contenuti.
margin-left deve corrispondere a metà larghezza, in pixel, e deve essere negativo.
margin-top deve essere metà altezza, negativo.

Di: Professore | 26/09/2020 18:05:00