Quando si utilizza DIVs per posizionare e organizzare le informazioni e gli oggetti sul tuo sito Web, è probabile che i bordi di ogni DIV a non allineare con precisione. Se i div sono filo contro l'altro o pochi pixel di distanza, è possibile forzare i bordi per far combaciare perfettamente. Utilizzando l'attributo di posizione del DIV puoi rimuovere il divario tra le divisioni e posizionare il contenuto esattamente dove vuoi.

Istruzioni

1

Fate clic per posizionare il cursore nell'attributo style del tuo primo DIV. creare un attributo di stile con l'aggiunta di "style =" dopo "div" nella vostra apertura tag DIV, se non hai uno già.

2

Aggiungere "Posizione: assoluta;" tra virgolette dopo il tag di attributo di stile. Questo dice il DIV a rimanere in una posizione specificata sullo schermo.

3

Inserire "top: #px; sinistra: #px; Larghezza: #px; Altezza: #px; "per specificare il numero di pixel da ogni lato per posizionare l'elemento DIV e la larghezza e l'altezza in pixel. Sostituire il carattere "#" con il numero di pixel per ogni impostazione.

4

Ripetere il processo per posizionare il secondo DIV assolutamente. Per posizionare i div fianco a fianco, aggiungere il numero di pixel in "larghezza" e "sinistra" tag di prima DIV, quindi utilizzare tale numero come numero di "sinistro" per il secondo DIV.

Per posizionare i DIV uno sopra l'altro, aggiungere il numero di pixel nei tag "altezza" e "top" e utilizzare quel numero per impostare la posizione di "top". In questo modo i bordi di essere in cima a vicenda con alcun divario.

Consigli & Avvertenze

• L'attributo «riempimento» permette di rimuovere grandi lacune tra div, ma non allineare i bordi sulla stessa riga. Se volete che il vostro div allineato un determinato numero di pixel di distanza, questo metodo può essere più semplice.
• Controllare la sezione risorse per ulteriori informazioni.