Div e scroll che non compare.

13-11-2011, 18.31.46

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

Css:
#scritta{

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:

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

Il contenuto del vid mi sborda senza visualizzare la scroll... cosa c'è che non va?

**karl94** · 13-11-2011, 19.18.40

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">
<!--
body {
	background-image: url(img/gradient.jpg);
	background-repeat: repeat-y;
	background-position:left;
	background-color: #0048FF;
	overflow:hidden;
	text-align:center;
}
div{
border: 0px solid #ffffff;
margin: 0px;
padding: 0px;
}
#contenitore{
width:960px;
}
#titolo{
width:100%;
height:40px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	font-variant: small-caps;
	color: #FFFFFF;
	text-align:center;
}
#orario{
	width:100%;
	height:30px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: oblique;
	font-weight: bold;
	font-variant: small-caps;
	color: #FFFFFF;
	text-align:right;
}
#scritta{
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:visible;
}
#riferimenti{
width:100%;
height:30px;
background-image: url(img/bianco_rif.png);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center center;
}
#bottom{
width:100%;
height:30px;
}


-->
</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>&nbsp;</p>
</div>
<div id="riferimenti">hfghfd</div>
<div id="bottom"></div>
</div>
</body>
</html>

**karl94** · 13-11-2011, 19.36.23

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

**karl94** · 13-11-2011, 20.01.38

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. :)

**acsocmel** · 13-11-2011, 20.27.31

cambia overflow da visible a auto

**karl94** · 13-11-2011, 20.33.09

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.

Discussione: Div e scroll che non compare.

LinkBack

Strumenti discussione

Display

Div e scroll che non compare.

Regole di scrittura