Dreamweaver è un potente strumento per entrambi esperti e meno esperti web designer. Un problema di progettazione comune che Dreamweaver non affronta con i suoi strumenti incorporati è la possibilità di centrare un DIV contenitore in una pagina. Utilizzando una serie di elementi di stile inline, è possibile controllare la larghezza e la posizione in una pagina un DIV contenitore. Di seguito è riportato un passo per passo processo di aggiunta di CSS appropriati a un DIV contenitore per centrare un sito Web utilizzando Dreamweaver.

Istruzioni

1

Individuare il contenitore DIV che contiene tutto il contenuto della pagina web. Se non esiste già, creare un nuovo contenitore DIV.

2

Aggiungere uno stile = "" tag DIV contenitore per tenere il vostro nuovi elementi stilistici:

< div style = "" >

3

Aggiungere un'imposta larghezza al DIV contenitore all'interno del tag di stile. Assegnare un valore sufficiente per contenere l'intero contenuto della pagina web. Impostare il valore in entrambe le percentuali o in pixel:

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

4

Impostare il vostro DIV contenitore margini destro e sinistro su "auto":

< div style = "width: 25px; margine destro: auto; margine sinistro: auto; " >

5

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

Consigli & Avvertenze

• Lo styling di margine automatica funziona solo con contenitori DIV che hanno una larghezza impostata.
• Se si utilizza un foglio di stile CSS separato, è possibile aggiungere questi elementi stilistici ci piuttosto che metterli in linea sulla tua pagina web.
• Essere sicuri di controllare l'aspetto della tua pagina web in diversi browser web, inclusi Internet Explorer, Firefox e Safari.
• Non utilizzare il tag < center > o allineare testo elemento di stile per cercare di centrare una pagina web.