Gli sviluppatori Web sono stati a lungo in grado di personalizzare e organizzare il contenuto attraverso la gestione noiosa di frame, tabelle e pesante Javascript. Il posizionamento stesso e benefici organizzativi possono ora essere ottenuti attraverso l'uso di una divisione (o "DIV") senza il fastidio di più vecchi metodi. Esistono diversi metodi per l'utilizzo di elementi DIV utilizzati per creare siti web professionali con manutenzione meno doloroso.

Posizionamento

Quando si crea un sito Web, gli sviluppatori desiderano garantire che tutto il contenuto viene visualizzato nella posizione appropriata per ogni utente, dando il sito uniformità e professionalità. Divisioni sono in grado di essere posizionati in modo assoluto, nel senso se volete apparire 75 pixel dalla parte superiore della pagina e 150 pixel da sinistra della pagina un'immagine, che è dove apparirà non importa quale browser viene utilizzato per visualizzare il sito. Facendo uso di posizionamento assoluto consente a ogni singolo elemento a essere inserito perfettamente. Vedere il primo link nella sezione risorse per informazioni sull'utilizzo di posizionamento assoluto.

Cornici

A causa della loro capacità di mantenere una posizione assoluta, molti sviluppatori utilizzano elementi DIV al posto di frameset HTML tradizionale. Al posto di un telaio orizzontale come un'intestazione, viene creato un elemento DIV con un'altezza e una larghezza di 100%; per telai verticali, viene utilizzato un'imposta larghezza e un'altezza di 100%. La distanza dalla parte superiore o inferiore e sinistra o diritto quindi è impostata su zero, quindi il tag DIV viene visualizzato dove sarebbe un telaio tradizionale. Questo metodo è preferibile, come fotogrammi sono obsolete e, secondo W3, potrebbero non essere supportati nelle future versioni di HTML per sopravvenuta impossibilità di stampare i fotogrammi o creare segnalibri corretta per gli utenti correttamente.

Tabelle

Un altro elemento in grado di essere sostituito da un DIV è la tabella. Nelle tabelle sono stati tradizionalmente utilizzate per organizzare, posizionamento e allineamento del contenuto. Questo spesso richiede la creazione di molte tabelle nidificate e gestire più righe e colonne e modifica di una progettazione spesso necessario alterare l'intera tabella. Div, d'altra parte, consentono agli sviluppatori di allineare qualsiasi lato specificato di oggetti verso il basso per il pixel, senza preoccupazione per l'allineamento di margine, imbottitura o cella. Possono anche essere nidificati divisioni..--allo stesso modo tabelle - per consentire il posizionamento relativo basato sul genitore DIV. Questo assicura che ogni browser Mostra il contenuto correttamente e fa risparmiare un sacco di tempo durante lo sviluppo.

Galleggiante

Durante la creazione di contenuti per il tuo sito, potete trovare la necessità di posizionare un'immagine, pubblicità o altro contenuto a un lato o l'altro del vostro testo. Invece di posizionamento assolutamente il DIV o avendo testo appaiono dietro la divisione, la proprietà "galleggiante" può essere utilizzata. Creare un DIV e costringendolo a galleggiare verso sinistra o verso destra verrà automaticamente posizionarlo verso l'estrema destra del sito o del DIV che lo contiene e dire testo e altri contenuti per avvolgere intorno ad esso invece che scorre di sotto o sopra di esso. Questo permette la flessibilità per future modifiche alla pagina e rimuove la necessità di utilizzare la proprietà z-index con DIV. Vedere il secondo link nella sezione risorse per informazioni sull'utilizzo della proprietà float.

Posizionamento del browser

Alcuni siti Web ora fare uso di un'area di contenuto che sembra seguire durante lo scorrimento verso il basso o bastoni in un percorso specifico sullo schermo senza incidere sul contenuto di sotto di esso. Molti siti utilizzano Javascript complesse per fare questo, ma lo stesso effetto può essere creato utilizzando il posizionamento relativo alla finestra di browser. L'attributo di posizione "fissa" consente di impostare una distanza da qualsiasi due lati della finestra del browser e forzare il contenuto del DIV a comparire in quella posizione. A differenza di posizionamento assoluto, posizione fissa DIVs rimarrà nella stessa posizione sullo schermo quando il Visualizzatore scorre. Questo è utile per gli elementi che è necessario apparire sulla pagina in ogni momento. Vedere il primo link nella sezione risorse per informazioni sull'utilizzo di posizione fissa.