Sviluppatori di siti Web devono creare e regolare i valori per tutti i componenti di un layout, inclusi larghezza. Regolare le modifiche di larghezza di un sito come si è visto nel browser di un visitatore del sito. Ci sono due tipi comuni di larghezze utilizzate dagli sviluppatori: fissa o fluida. Questi tipi hanno diverse qualità che li distinguono gli uni dagli altri.

Larghezza fissa

Un sito Web creato con un layout a larghezza fissa ha un valore numerico specifico per la sua larghezza. La larghezza fissa è immobile e indipendente di risoluzione del monitor dell'utente finale. Utilizzando un layout a larghezza fissa, presenta diversi vantaggi. Il modo in cui viene visualizzato contenuto leggibile su un sito di larghezza fissa è controllato dallo sviluppatore sito Web, perché la larghezza non cambia mai, quindi il testo non ha bisogno di riflusso secondo larghezza finestra browser diverso. Sono inoltre più facile visivamente da progettare e modificare layout a larghezza fissa.

Larghezza fluida

Layout fluidi vengono creati se non si specifica una larghezza, o utilizzando una percentuale anziché un valore numerico. Ad esempio, un layout con una larghezza fluida del 100 per cento avrà comunemente lo spazio intero schermo orizzontale di un browser Web senza dover utilizzare una barra di scorrimento per accedere ai contenuti utente. Il testo riformatterà automaticamente a seconda della dimensione del browser. Se il layout è codificato e installato correttamente, il sito si adatta a qualsiasi larghezza di punto di vista.

Svantaggi di Layout fisso

Ci sono alcuni svantaggi ad usare un layout a larghezza fissa. Maggior parte dei layout include sempre una barra di scorrimento, a causa di tutto il contenuto non sullo schermo allo stesso tempo. Secondo Green Beast, un layout di larghezza fisso deve essere posizionato solo sul lato sinistro della pagina, quindi gli utenti non sono tenuti a scorrere per accedere al contenuto principale. Il sito Web può sembrare stretto su schermi e monitor più grandi. In questo caso, si riduce la quantità di contenuto e il numero di colonne che possono essere aggiunti a un layout.

Layout fluido svantaggi

Un layout fluido ha una propria serie distinta di svantaggi. La proprietà di "max-width" usata comunemente in layout fluido non è supportata in Internet Explorer 6 e versioni precedenti. Di conseguenza, il layout non siano leggibile su computer che utilizzano il web browser meno recenti. Layout fluido utenti potrebbero anche sentirsi obbligati ad aggiungere più contenuti di quanto avrebbero altrimenti, a causa dello spazio aperto generato dalla larghezza flessibile.