Div & ScrollBar

**cristian3095** · 30-10-2012, 23:46

Salve a tutti, ho un problema con un div che contiene degli span uno dietro l'altro con background-image. il div è allineato al centro dal tag "<center>" ma se provo a rimpicciolire la finestra del browser fino ad essere più piccola del div, questo si adagia sulla sinistra e non spunta nessuna scroll per andare a vedere il resto del div che è uscito fuori dallo schermo. potete aiutarmi?

**ratte** · 31-10-2012, 10:45

Ciao! E' la proprietà "overflow" quella che controlla quel comportamento, prova "overflow: auto;" e dovrebbe andare. http://www.html.it/pag/19462/overflow-x-e-overflow-y/

o/ !

**cristian3095** · 31-10-2012, 15:49

si ma lo dovrei applicare al body visto che il div si trova sul body. ho provato tutti i modi con l'overflow e non spunta la scrollbar

**ratte** · 31-10-2012, 16:10

Ahhh... alla pagina vorresti la scrollbar! Allora quella dovrebbe esserci normalmente! ...meglio.. risolveremo con + facilità... posta lu codice che facciamo prima 8)
o/ !

**cristian3095** · 31-10-2012, 16:42

codice:

<html>
   <head>
      <title>Pagina</title>

      <style type="text/css">
         body{background:#000000;}
         .sep      	{		
	                    display:inline-block;
			    height:50px;
			    width:1px;
			    border:0px;
			    right:0px;
			    top:0px;
			    background-size:1px 50px;
			    background-repeat:no-repeat;
			    background-image:url(sep.jpg);
	                }
	.pic		{	
			    display:inline-block;
			    height:50px;
			    width:96px;
			    border:0px;
			    right:0px;
			    top:0px;
			    background-size:96px 100px;
			    background-repeat:no-repeat;
			}
         #im1	        {	background-image:url(im1.jpg);    }
	 #im1:hover     {	background-position:0 -50;        }
         #im2		{	background-image:url(im2.jpg);    }
	 #im2:hover     {	background-position:0 -50;	  }
	 #im3		{	background-image:url(im3.jpg);    }
	 #im3:hover     {	background-position:0 -50;	  }
	 #im4		{	background-image:url(im4.jpg);    }
	 #im4:hover     {	background-position:0 -50;        }
	 #im5		{	background-image:url(im5.jpg);    }
	 #im5:hover	{	background-position:0 -50;	  }
	 #im6		{	background-image:url(im6.jpg);    }
	 #im6:hover	{	background-position:0 -50;	  }		

        #bar{height:50px;width:583px;display:block;}

      </style>

   </head>
   <body>
      <center>
         <div id='bar'>
            <span class='sep'></span>
            <span class='pic' id='im1'></span>
            <span class='sep'></span>
            <span class='pic' id='im2'></span>
            <span class='sep'></span>
            <span class='pic' id='im3'></span>
            <span class='sep'></span>
            <span class='pic' id='im4'></span>
            <span class='sep'></span>
            <span class='pic' id='im5'></span>
            <span class='sep'></span>
            <span class='pic' id='im6'></span>
           <span class='sep'></span>
      </div>
   </body>
</html>

[COLOR=blue][COLOR=skyblue][COLOR=green]

**ratte** · 31-10-2012, 16:52

Hmmm... ma non è che... prova a cambiare

codice:

<div class='bar'>

in

codice:

<div id="bar">

... 8)

**cristian3095** · 31-10-2012, 16:54

si scusa ho sbagliato a scrivere, ho modificato adesso..

Discussione: Div & ScrollBar

Strumenti discussione

Ricerca discussione

Visualizza

Div & ScrollBar

Permessi di invio