Creare scrollbar orizzontale

**SimoVinci** · 25-04-2008, 11:48

Ciao a tutti.

Ho appena finito un sito ottimizzato per una grafica di 1024x768. Purtroppo questo verrà visto da poche persone che hanno uno schermo 800x600.

Non ho nessuna intenzione di riadattare tutto il sito a 800x600 perché rovinerei la grafica, ma vorrei sbatterci un bello scroll orizzontale in modo che la scomodità incredibile nel navigare convinca l'utente con risoluzione 800x600 a buttare via il suo pc

Purtroppo ridimensionando la finestra a 800x600 mi rendo conto che lo scroll orizzontale non compare!

La struttura della mia pagina si può riassumere così:

codice:

<html>
<head> ... </head>
<body>

<div id="main"> ... </div>

</body>
</html>

Dove il css associato è:

codice:

* {
  margin: 0;
  padding: 0;
  list-style: none;
  border: 0;
  background-repeat: no-repeat;
  text-decoration: none;
  outline: none;
}

body {
  background-color:#000000;
  background-image:url(../immagini/layout/entrata.jpg);
  background-position:right top;
  background-repeat:no-repeat;
  background-attachment:fixed;
}

#main {
  position:absolute;
  right:280px;
  top:85px;
  width:720px;
  padding-top:30px;
  padding-bottom:30px;
  background-image:url(../immagini/layout/sfondo.jpg);
  background-repeat:repeat;
}

Ho provato a inglobare #main in un div con position static e width:900px ma non serve a niente, lo scroll orizzontale non appare...

Come posso fare? (cerco soluzioni W3C ovviamente)

**Mich_** · 29-04-2008, 09:54

Premetto che non e` una bella cosa fare un sito rigido (e` possibile realizzare le pagine fluide, che si adattano a tutte le risoluzioni).

Per il tuo problema contingente, penso che non dovresti fare nulla: i browser gia` hanno un overflow automatico; se non succede e` perche` hai inserito qualcosa che impedisce cio`.

Comunque la proprieta` per creare le scrollbar e`
overflow
In alcuni brwoser esistono anche
overflow-x
overflow-y

**SimoVinci** · 29-04-2008, 15:05

Purtoppo il menu in alto è composto da immagini che hanno una larghezza di 900 pixel e non possono essere ridimensionate.
Per il resto il sito si adatta alle risoluzioni più grandi.

Nel css del body ho provato a mettere overflow:auto ma purtroppo non c'è niente da fare... è come se #main non ci fosse (forse perché i componenti con position:absolute sono incoerenti, senza spessore... boh).

**Mich_** · 29-04-2008, 15:17

Usare i posizionamenti non e` banale ...

Prova a vedere se capisci il tuo errore leggendo questi articoli:
I posizionamenti assoluti
Capire i posizionamenti relativi

Discussione: Creare scrollbar orizzontale

Strumenti discussione

Ricerca discussione

Visualizza

Creare scrollbar orizzontale

Permessi di invio