Div e scroll che non compare.

Printable View

13-11-2011, 18.31.46

Div e scroll che non compare.

Mi sembra il classico bicchiere d'acqua, ma non capisco cosa non vada.

Css:
#scritta{

Citazione:

padding:50px;
width:960px;
height:450px;
max-height:450px;
background-image: url(img/bianco.png);
background-attachment: fixed;
background-repeat: no-repeat;
background-position: center center;

font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 24px;
font-weight: bold;
font-variant: small-caps;
color: #FFFFFF;
text-align:center;
overflow:auto;
}

Html:

Citazione:

<div id="scritta">
<p>hfghfhfhfhfhf</p>
<p>gdfgfdg</p>
<p>fdg</p>
<p>fdg</p>
<p>fdg</p>
<p>dfg</p>
<p>fd</p>
<p>gdf</p>
<p>gd</p>
<p>d</p>
<p>d</p>
<p> </p>
</div>

Il contenuto del vid mi sborda senza visualizzare la scroll... cosa c'è che non va?
13-11-2011, 19.18.40
karl94

Il codice è corretto, puoi indicare l'indirizzo della pagina in questione?
13-11-2011, 19.25.32

Non è online, è una semplice prova che sto facendo in locale per vedere il layout.

Codice HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Documento senza titolo</title> <style type="text/css">  </style> </head> <body> <div id="contenitore"> <div id="titolo"></div> <div id="orario">domenica 13 novembre 2011 - 14:09</div> <div id="scritta" name="scritta"> <p>hfghfhfhfhfhf</p> <p>gdfgfdg</p> <p>fdg</p> <p>fdg</p> <p>fdg</p> <p>dfg</p> <p>fd</p> <p>gdf</p> <p>gd</p> <p>d</p> <p>d</p> <p> </p> </div> <div id="riferimenti">hfghfd</div> <div id="bottom"></div> </div> </body> </html>
13-11-2011, 19.36.23
karl94

Se visualizzi la pagina ad una larghezza di 1024px non visualizzi la barra di scorrimento perché non rientra nella porzione di documento visualizzata, dovresti per esempio ridurre il padding o meglio ancora non impostare la larghezza del div#scritta, in modo tale che si adatti automaticamente alle dimensioni del contenitore.
13-11-2011, 19.52.25

Ok, ma io sto parlando dello scroll verticale. http://bisbiturro.altervista.org/_al..._ht/sbordo.png
13-11-2011, 20.01.38
karl94

Citazione:

Originalmente inviato da bisbiturro

Ok, ma io sto parlando dello scroll verticale. http://bisbiturro.altervista.org/_al..._ht/sbordo.png

Anche io, ti ho spiegato che non vedi la barra di scorrimento verticale poiché non rientra all'interno dell'area visibile, prova uno dei miei suggerimenti per risolvere il problema.
13-11-2011, 20.11.37

Già fatto, ho provato a togliere la larghezza, ma il risultato ovviamente non cambia. Se guardi l'immagine, il div è settato per le dimensioni del rettangolo bianco e le impostazione del css sono:
height:450px;
max-height:450px;
overflow:visible;

Il contenuto fa allungare il div che non dovrebbe farlo, quindi il problema non è che la scroll non si vede, ma bensì che non fa il suo lavoro. :)
13-11-2011, 20.27.31
acsocmel

cambia overflow da visible a auto
13-11-2011, 20.33.09
karl94

La proprietà overflow l'avevi impostata correttamente nel codice che hai indicato nel primo messaggio, se la imposti su visible il testo uscirà dai limiti imposti ma il blocco manterrà comunque le dimensioni specificate.