Dreamweaver è un potente strumento per entrambi i web designer esperti e inesperti. Un problema di progettazione comune che Dreamweaver non affronta con i suoi strumenti integrati è la possibilità di centrare un contenitore DIV su una pagina. Utilizzando una serie di elementi in linea di stile, è possibile controllare la larghezza e la posizione di un contenitore DIV su una pagina. Quanto segue è un processo graduale di aggiungere l'appropriato CSS per un contenitore DIV al fine di centrare un sito web utilizzando Dreamweaver.

istruzione

1 Individuare il contenitore DIV che contiene tutti i contenuti della tua pagina web. Creare un nuovo contenitore DIV se non esiste già.

2 Aggiungere a style = "" tag al div contenitore per tenere i vostri nuovi elementi stilistici:

<Div style = "">

3 Aggiungere una larghezza insieme al contenitore DIV all'interno del tag stile. Assegnare un valore sufficiente per contenere l'intero contenuto della pagina web. Impostare il valore sia in percentuale o in pixel:

<Div style = "width: 25px;">

4 Impostare i margini a sinistra su "Auto" a destra e del contenitore DIV:

<Div style = "width: 25px; margin-right: auto; margin-left: auto;">

5 Creare una chiusura </ div> tag alla fine del contenuto della pagina web se si vuole creare un nuovo contenitore DIV da zero.

Consigli e avvertenze

• Lo stile margine di auto funziona solo con i contenitori DIV che hanno una larghezza impostata.
• Se si utilizza un foglio di stile a cascata separata, è possibile aggiungere questi elementi stilistici lì piuttosto che metterli in linea sulla tua pagina web.
• Assicuratevi di controllare l'aspetto della tua pagina web in diversi browser web, tra cui Internet Explorer, Firefox e Safari.
• Non utilizzare il <center> tag o text-align elemento stilistico per cercare di centrare una pagina web.