Aiuto con overflow: auto;

**harleybobba** · 06-01-2011, 03:12

praticamente ho creato una div con width: 450px , height: 300px e overflow: auto però il problema è che l' overflow non appare verticalmente, cioè la riga va a capo e la barra di scorrimento appare verticale, ma appare orizzontale.. Questi sono i codici:

CSS:

codice:

body {
background-image: url(img/bg.jpg);
}

.top{
background-image: url(img/top.png);
width: 638px;
height: 11px;
margin-left: auto;
margin-right: auto;
margin-top: 35px;
}

.center{
background-image: url(img/center.png);
width: 638px;
height: auto;
margin-left: auto;
margin-right: auto;
}

.bottom{
background-image: url(img/bottom.png);
width: 638px;
height: 11px;
margin-left: auto;
margin-right: auto;
}

.testo{
width: 450px;
height: 300px;
overflow: auto;
}

HTML:

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Rap Template</title>
<link href="css.css" type="text/css" rel="stylesheet">
</head>
<body>
<div class="banner"></div>
<div class="top"></div>
<div class="center"><table><tr><td>
<div class="testo">
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</div></td><td>
[img]img/images.png[/img]</td></tr></table>
</div>
<div class="bottom"></div>
</body>
</html>

Qua potete vedere come viene: http://habbinto.altervista.org/rap/index.html

COme risolvo?

**Prill** · 06-01-2011, 11:36

il tuo testo fittizio è scritto tutto attaccato, e la sua larghezza supera quella specificata per il div; inserendo un testo normale, con spazi fra le parole, avrai l'effetto voluto.
Nel caso si voglia forzare l'accapo (avendo un testo come il tuo), si può invece applicare al div interessato un word-wrap: break-word; (da inserire nel css nella tua classe .testo)

**harleybobba** · 06-01-2011, 12:55

Grazie mille ho risolto ^^

Discussione: Aiuto con overflow: auto;

Strumenti discussione

Ricerca discussione

Visualizza

Aiuto con overflow: auto;

Permessi di invio