Newsgroup: it.comp.www.html
Titolo: Disabilitare SOLO scrolling orizzontale tramite style

Vorrei disabilitare la barra di scrolling orizzontale (lasciando quello 
verticale) per il testo contenuto nel div containerright:
<div id="containerright">
<h2>Home Page</h2>
<p>Paragrafo 1
<p>Paragrafo 2
<p>Paragrafo 3
<p>Paragrafo 4
<p>Paragrafo 4
<p>Paragrafo 6
<p>Paragrafo 7
</div>
E' possibile? Posso agire nello style?
Grazie.
Maurizio 

 E' possibile? Posso agire nello style?
overflow-y:auto;
pero' temo che funzioni solo con IE

Aggiungo un secondo problema che ho. Ma a questo punto credo sia meglio 
postare l'indirizzo della pagina che sto creando:
http://it.geocities.com/dimensionescienza/
Primo problema (importante): se la risoluzione dello schermo è bassa (o 
semplicemente se riduco le dimensioni della finestra del browser) la pagina 
viene visualizzata a partire dall'angolo a destra in basso e la barra di 
scorrimento che compare (nella finestra del browser) non consente di vedere 
completamente il margine superiore e sinistro. In alcuni pc con risoluzione 
800x600 (o peggio 640x480) viene tagliata la barra di navigazione superiore 
impedendo la navigazione. Non capisco perché la barra di scrolling permetta 
di raggiungere il contenuto in basso e quello a destra e non quello 
superiore/a sinistra.
Secondo problema (meno importante): cliccando nella sezione news appare 
all'interno del riquadro sia lo scrolling verticale che quello orizzontale. 
Io vorrei che comparisse solo quello verticale. Credo che il problema sia 
nello script delle news. Se inserisco del testo in un tag <p> appare solo lo 
scrolling verticale (e le parole vanno a capo automaticamente), mentre lo 
script delle news mi fa apparire anche lo scrolling orizzontale...
Chi mi può dare suggerimenti utili?
Grazie.
Maurizio 


ffox li supporta dalla v. 1.5.
ciao!
-- 
deelan
http://www.deelan.com/

Nessuno riesce a dirmi perché nella pagina 
http://it.geocities.com/dimensionescienza/
 quando la finestra del browser è 
più piccola del contenitore principale lo scrolling non agisce su tutto il 
contenitore ma solo sulla parte destra e sulla parte inferiore?
E' un template che mi piace moltissimo ma è fastidioso il fatto che in una 
finestra rimpicciolita (o a risoluzioni più basse) lo scrolling non agisca 
su tutta la pagina...
Grazie.
Maurizio


ah interessante, credo di aver capito che vuoi dire. sia su IE6/win2k 
che su FFox 1.5 quando appaiono le barre di scorrimento non si e' 
comunque in grado di scorrere il box principale.
c'e' qualcosa che non mi torna nel file CSS... il div piu' esterno
lo chiami outercontainer:
#outercontainer
{
	margin-left: -400px;
	position: absolute;
	top: -236px;
	left: 50%;
}
c'e' una cosa che e' sballata, IMO: non indichi la larghezza del box.
in pratica supponi che il box sia largo 800px ma se non e' cosi' sono
dolori.
ah ecco, lo scrivi piu' sotto che non e' 800px ma 760px:
#container
{
	border: 20px solid #ffffff;
	width: 760px;
	height: 370px;
}
heh, ma a questo punto la misura di #container non tiene piu' il conto 
del menu piu' in alto. quel top: -236px; di #outercontainer come lo
ha calcolato?
c'e' anche il fatto che per centrarlo in orizzontale basta impostare un
margin: 0 auto ma credo che IE5 non lo prenda, forse e' per quello che
hai provato con un margine negativo?
ciao.
-- 
deelan
http://www.deelan.com/

 hai provato con un margine negativo?
Io mi sono basato su 
http://css.html.it/articoli/leggi/497/css-pratici/3
Come ho scritto un post ad hoc (il problema dello scrolling orizzontale di 
cui parlava questo post l'ho risolto) anche il codice d'esempio riportato 
nel link qui sopra presenta lo stesso problema. Per semplificare le cose ho 
creato un box paragrafo 800x450, l'ho centrato come da istruzioni 
(funziona), ma lo scrolling non permette di vedere tutto il box.
Qui sotto il codice:
<html>
<head>
<title>Centrare verticalmente e orizzontalmente nella finestra</title>
<style type="text/css">
   body{background-color: #BC371A;font: 20px Arial,sans-serif}
   p{position: absolute;top: 50%;left: 50%;
     width: 800px;height: 450px;
     margin-left: -400px;margin-top: -225px;
     background-color: #FFF;color: #999;
     text-align: center}
</style>
</head>
<body>
   <p>Testo a centro pagina</p>
</body>
</html>