Banner

HTML - Contenitore a larghezza 100%

Mi è accaduto di dovere impostare la larghezza di un contenitore di una pagina web, in modo da ricoprire tutta la dimensione orizzontale dello schermo, o per dirla in termini più pratici al 100% delle misura della pagina visualizzata dal browser.

Si realizza impostando i margini del body a 0 e poi assegnando un valore specifico per l'altezza del nostro contenitore e la larghezza al 100%.

<!DOCTYPE>
<html>
  <head>
    <title>Contenitore a larghezza 100%</title>
    <style>
      .Contenitore{
        margin: 0px;
        background-color: moccasin;
      }
      .Contenuto{
        width: 100%;
        height: 90px;
        background-color: chocolate;
      }
    </style>
  </head>
  <body class="Contenitore">
    <div class="Contenuto"></div>
  </body>
</html>

Sono stati inseriti dei colori per lo sfondo e un altezza per il contenitore soltanto per rendere più chiaro l'esempio creato. Pagina di Esempio.

Siti Ufficiali Editor Free Guide Online Utility
Microsoft Visual Studio MSDN InnoSetup
Apple XCode Documentazione .Net Cyber Installer
Oracle NetBeans Apple Developer NSIS
Debian Eclipse W3C Diagram Online
Distrowatch Bluefish W3C Validator Junior Icon Editor
Brackets W3Schools Edit Cursors Online
TextWrangler

Sito realizzato da Fiaschi Francesco - Aggiornamento Dicembre 2018

W3C - XHTML 1.1 Validated