Salve a tutti, descrivo un po' la mia situazione: con macromedia dreamweaver, creo una pagina html, inserisco un tag Div e noto che questo si adatta subito alla larghezza della finestra; inserisco una 20ina di righe di testo per fare una prova. Se ora salvo la pagina e la provo su un browser noto che ridimensionando la finestra del browser non appare lo scroll orizzontale e il testo si distribuisce in verticale in modo automatico e fluido. Credo sia una situazione ideale per chi sviluppa pagine in verticale.
A me inceve interesserebbe sviluppare la pagina in orizzontale, cioè, se ridimensiono la finestra, appaia solo lo scroll orizzontale. E' possibile ?La questione principale è che il testo "fluisce" lungo la pagina e viene spezzato nei punti dove è possibile (gli spazi ad esempio).
Prendiamo la situazione che hai descritto:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Prova</title>
<style type="text/css">
<!--
#testo { }
-->
</style>
</head>
<body>
<div id="testo">
bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla
</div>
</body>
</html>
Ora metti nello stile per #testo questo:
#testo { white-space:nowrap; }
Vedrai ora che il testo è tutto su una linea e che se non ci sta tutto nella pagina (presumibile) viene visualizzata la scrollbar orizzontale.
Un'altra possibilità sarebbe quella di impostare un width per il div in modo che sia molto più largo della finestra (o comunque ad una certa dimensione che a te va bene). Così anche senza white-space:nowrap, il testo va fino alla fine del div e poi fluisce.