div scrollabile orizzintalmente sempre a tutto schermo

**alessioarrigoni** · 11-01-2012, 08:55

Ho la necessità di creare una pagina con una div che automaticamente si adatti alla larghezza dello schermo.
Tale div conterrà un'altra div, la cui larghezza è variabile e maggiore di quella contenitrice.
Quello che vorrei ottenere è che la div esterna occupi sempre tutta la larghezza dello schermo e contemporaneamente mi permetta di scrollare orizzontalmente il suo contenuto, le cui dimensioni in larghezza sono variabili.
Spero di essermi spiegato ...
Avete idee o qualche script da suggerirmi ?
Grazie

**br1** · 11-01-2012, 09:01

Sposto su CSS

**Mich_** · 11-01-2012, 10:03

codice:

HTML:

<body>
  <div id="container">
    <div id="content">
      ... qui il resto del codice ...
    </div>
  </div>
</body>


CSS:

html, body {
  width: 100%;
}
#container {
  width: 100%;
  overflow: auto;   /* questo permette lo scroll del blocco contenuto */
}
#content {
  width: ...;   /* puo` essere espresso in px oppure em */
}

Discussione: div scrollabile orizzintalmente sempre a tutto schermo

Strumenti discussione

Ricerca discussione

Visualizza

div scrollabile orizzintalmente sempre a tutto schermo

Permessi di invio