La maggior parte delle pagine oggi è strutturata utilizzando i livelli (div), quindi il problema di allineare il sito al centro della finestra del browser è ridotto al compito di centrare il livello che determina la larghezza dell'area visibile della pagina. Affinché possa essere posizionato al centro della finestra, è necessario impostare le impostazioni appropriate per il suo elemento padre o per questo blocco stesso.
È necessario
Conoscenza di base dei linguaggi HTML e CSS
Istruzioni
Passo 1
Posiziona il livello che vuoi posizionare al centro della finestra, tra le parti di apertura e chiusura del tag centrale, se vuoi farlo usando solo i mezzi del linguaggio HTML (HyperText Markup Language - "hypertext markup language"). Assumeremo che il genitore del livello che definisce i bordi della pagina sia il corpo di questa pagina. La versione più semplice del codice HTML che utilizza il tag centrale in questo caso potrebbe essere simile a questa:
Pagina centrale
testo della pagina
Passo 2
Se vuoi usare CSS (Cascading Style Sheets) per allineare al centro la pagina, usa il ridimensionamento automatico del padding dai bordi della finestra del browser. Le dimensioni dei margini in CSS sono determinate dal parametro margin. Rimuovi i tag centrali dal campione precedente e aggiungi un parametro margin di 0 auto all'attributo style del layer che definisce la larghezza della pagina:
Pagina centrale
testo della pagina
Passaggio 3
Ovviamente, la definizione dello stile può essere estratta dall'attributo style e posta in un file esterno o nell'intestazione del documento (tra i tag e). In questo caso, lo stesso codice sarà simile a questo:
Pagina centrale
#pageFrame {
larghezza: 700 px;
altezza: 400px;
sfondo: # 0BB;
margine: 0 automatico;
}
testo della pagina
