| Precedente :: Successivo   | 
	
	
	
		| Autore | 
		Messaggio | 
	
	
		sevenjeak Semidio
  
  
  Registrato: 04/02/08 22:05 Messaggi: 308 Residenza: Roma
  | 
		
			
				 Inviato: 09 Feb 2008 16:59    Oggetto: * Espansione <div> | 
				     | 
			 
			
				
  | 
			 
			
				Salve utenti.
 
 
Scrivo questo post, perche ho provato tempo fa, e ora mi riserverebbe espandere un <div> verticalmente, ho gia provato con heigt ma non mi va, come posso risorvere? | 
			 
		  | 
	
	
		| Top | 
		 | 
	
	
		  | 
	
	
		mdweb Dio maturo
  
  
  Registrato: 18/12/07 16:59 Messaggi: 4412
 
  | 
		
			
				 Inviato: 09 Feb 2008 18:42    Oggetto:  | 
				     | 
			 
			
				
  | 
			 
			
				si scrive height ecomunqe non so perchè come non ti va a me mi va porbabilmente c'è qualche problema sul foglio di stile per sicurezza lascialo.
 
Oppure puoi provare a mettere cosi
 
 	  | Codice: | 	 		  
 
<div id="nome">
 
<p> </p>
 
  <p> </p>
 
  <p> </p>
 
  <p> </p>
 
</div>
 
 | 	  
 
 
metti questi
 
 
 
fino a quando il div non si arriva fino a dove ti serve! | 
			 
		  | 
	
	
		| Top | 
		 | 
	
	
		  | 
	
	
		Typhoon90 Dio maturo
  
  
  Registrato: 01/06/06 16:17 Messaggi: 1019 Residenza: Vivere per niente o morire per qualcosa. Scegli tu.
  | 
		
			
				 Inviato: 09 Feb 2008 20:17    Oggetto:  | 
				     | 
			 
			
				
  | 
			 
			
				non è meglio così?
 
 
 	  | Codice: | 	 		  
 
<div style="height: 100px;">
 
</div>
 
 | 	  
 
 
oppure:
 
 
 	  | Codice: | 	 		  
 
<div id="ciao">
 
</div>
 
 
 
e nel foglio stile:
 
 
div#ciao {
 
height: 100px;
 
}
 
 | 	 
  | 
			 
		  | 
	
	
		| Top | 
		 | 
	
	
		  | 
	
	
		mdweb Dio maturo
  
  
  Registrato: 18/12/07 16:59 Messaggi: 4412
 
  | 
		
			
				 Inviato: 09 Feb 2008 20:23    Oggetto:  | 
				     | 
			 
			
				
  | 
			 
			
				si quello che avevo detto io di suare la'ggetvo height...Che ho detto io???
 
 
E' sato lui a dire che così non funziona ance se funziona benissimo! | 
			 
		  | 
	
	
		| Top | 
		 | 
	
	
		  | 
	
	
		Typhoon90 Dio maturo
  
  
  Registrato: 01/06/06 16:17 Messaggi: 1019 Residenza: Vivere per niente o morire per qualcosa. Scegli tu.
  | 
		
			
				 Inviato: 09 Feb 2008 20:29    Oggetto:  | 
				     | 
			 
			
				
  | 
			 
			
				 	  | mdweb ha scritto: | 	 		  si quello che avevo detto io di suare la'ggetvo height...Che ho detto io???
 
 
E' sato lui a dire che così non funziona ance se funziona benissimo! | 	  
 
 
certo hai ragione, ma dipende da dove lui ha piazzato l'height, potrebbe averlo piazzato in un css esterno, in linea direttamente sul tag oppure nell'head, in modo da fargli provare i "posti" alternativi in cui piazzare l'height | 
			 
		  | 
	
	
		| Top | 
		 | 
	
	
		  | 
	
	
		mdweb Dio maturo
  
  
  Registrato: 18/12/07 16:59 Messaggi: 4412
 
  | 
		
			
				 Inviato: 09 Feb 2008 20:33    Oggetto:  | 
				     | 
			 
			
				
  | 
			 
			
				appunto gli ho detto di postare il codice    Aspettiamo una sua risposta    | 
			 
		  | 
	
	
		| Top | 
		 | 
	
	
		  | 
	
	
		Typhoon90 Dio maturo
  
  
  Registrato: 01/06/06 16:17 Messaggi: 1019 Residenza: Vivere per niente o morire per qualcosa. Scegli tu.
  | 
		
			
				 Inviato: 09 Feb 2008 20:35    Oggetto:  | 
				     | 
			 
			
				
  | 
			 
			
				 	  | mdweb ha scritto: | 	 		  appunto gli ho detto di postare il codice    Aspettiamo una sua risposta    | 	  
 
 
saggia decisione | 
			 
		  | 
	
	
		| Top | 
		 | 
	
	
		  | 
	
	
		kluster Dio maturo
  
 
  Registrato: 15/04/06 13:14 Messaggi: 2898
 
  | 
		
			
				 Inviato: 09 Feb 2008 20:57    Oggetto:  | 
				     | 
			 
			
				
  | 
			 
			
				Tutto detto bene fino ad ora, faccio un paio di approfondimenti.
 
 
in via di principio hanno la precedenza nella scala delle attribuzioni:
 
css in linea (<div style="....")
 
css incorporati (<style>....<style>)
 
css esterni (<link....)
 
 
 
se fai 
 
 	  | Codice: | 	 		  <div style="height:100px">
 
...
 
</div> | 	  
 
 sovrascrive qualsiasi regola precedente a meno che in uno dei fogli esterni o incorporati sia specificata la rules !important
 
 
 	  | Codice: | 	 		  <style>
 
DIV {height:50px !important;}
 
</style> | 	  
 
 
a quel punto qualsiasi cosa gli dici nello stile inlinea non lo considera perchè important bypassa la gerarchia | 
			 
		  | 
	
	
		| Top | 
		 | 
	
	
		  | 
	
	
		mdweb Dio maturo
  
  
  Registrato: 18/12/07 16:59 Messaggi: 4412
 
  | 
		
			
				 Inviato: 09 Feb 2008 21:04    Oggetto:  | 
				     | 
			 
			
				
  | 
			 
			
				Bravo klauster però qui metodi che hai usato tu non li userei 
 
farei semplicemnte
 
 
Codice CSS:
 
 	  | Codice: | 	 		  
 
#nome{height:100px;}
 
 | 	  
 
 
XHTML
 
 
 	  | Codice: | 	 		  
 
<div id="nome"></div>
 
 | 	  
 
Questo è il metodo più ustano conviene sempre usare il foglio di stile esterno...Per quello che ho studiato io!Per quello non avevo postato quello che avevi detto tu i webdesigner lo usano poco..non perchè non vada bene.Qul codice appesantice l'xhtml penso....il w3c peno volgia dichiararli con i fogli di stile esterni!Però precisazione giustissima!
 
 
Ciaoo!   | 
			 
		  | 
	
	
		| Top | 
		 | 
	
	
		  | 
	
	
		sevenjeak Semidio
  
  
  Registrato: 04/02/08 22:05 Messaggi: 308 Residenza: Roma
  | 
		
			
				 Inviato: 09 Feb 2008 21:41    Oggetto:  | 
				     | 
			 
			
				
  | 
			 
			
				| ok, grazie o provato ha inserire l'height a 100, oddio, non è proprio quella la dimensione del foglio, ma comungue o provato ad aumentarla e ora va | 
			 
		  | 
	
	
		| Top | 
		 | 
	
	
		  | 
	
	
		mdweb Dio maturo
  
  
  Registrato: 18/12/07 16:59 Messaggi: 4412
 
  | 
		
			
				 Inviato: 09 Feb 2008 21:42    Oggetto:  | 
				     | 
			 
			
				
  | 
			 
			
				100 era solo un esempio!Puoi mettere quello che vuoi..sono contento che funziona    | 
			 
		  | 
	
	
		| Top | 
		 | 
	
	
		  | 
	
	
		sevenjeak Semidio
  
  
  Registrato: 04/02/08 22:05 Messaggi: 308 Residenza: Roma
  | 
		
			
				 Inviato: 09 Feb 2008 23:49    Oggetto:  | 
				     | 
			 
			
				
  | 
			 
			
				| invece non va, ho provato a visualizarlo nel browser e la dimesione mella visualiza più piccola di quella che ho inserito nel foglio CSS | 
			 
		  | 
	
	
		| Top | 
		 | 
	
	
		  | 
	
	
		Typhoon90 Dio maturo
  
  
  Registrato: 01/06/06 16:17 Messaggi: 1019 Residenza: Vivere per niente o morire per qualcosa. Scegli tu.
  | 
		
			
				 Inviato: 10 Feb 2008 00:00    Oggetto:  | 
				     | 
			 
			
				
  | 
			 
			
				 	  | sevenjeak ha scritto: | 	 		  | invece non va, ho provato a visualizarlo nel browser e la dimesione mella visualiza più piccola di quella che ho inserito nel foglio CSS | 	  
 
 
posta tutto il codice html e quello css in modo da vedere eventuali errori | 
			 
		  | 
	
	
		| Top | 
		 | 
	
	
		  | 
	
	
		mdweb Dio maturo
  
  
  Registrato: 18/12/07 16:59 Messaggi: 4412
 
  | 
		
			
				 Inviato: 10 Feb 2008 09:49    Oggetto:  | 
				     | 
			 
			
				
  | 
			 
			
				svenajek ascolta quello che ti diciamo!E da un po' che ti diciamo di mettere il codice!   | 
			 
		  | 
	
	
		| Top | 
		 | 
	
	
		  | 
	
	
		sevenjeak Semidio
  
  
  Registrato: 04/02/08 22:05 Messaggi: 308 Residenza: Roma
  | 
		
			
				 Inviato: 10 Feb 2008 11:49    Oggetto:  | 
				     | 
			 
			
				
  | 
			 
			
				ecco il codice html e css della pagina:
 
 	  | Codice: | 	 		  
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml">
 
<head>
 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
 
<link rel="stylesheet" href="style.css" />
 
<title>Mr. Jeak</title>
 
</head>
 
 
<body>
 
<div id="back_div">
 
...
 
</div>
 
</body>
 
</html>
 
 | 	  
 
 	  | Codice: | 	 		  
 
body {
 
   background:url(img/sfondo.png);
 
   margin:0
 
}
 
#back_div {
 
   margin-left:3%;
 
   margin-right:3%;
 
   height:438px;
 
   background:#666666
 
}
 
 | 	 
  | 
			 
		  | 
	
	
		| Top | 
		 | 
	
	
		  | 
	
	
		mdweb Dio maturo
  
  
  Registrato: 18/12/07 16:59 Messaggi: 4412
 
  | 
		
			
				 Inviato: 10 Feb 2008 11:58    Oggetto:  | 
				     | 
			 
			
				
  | 
			 
			
				Caro utente il codice è giuso se tuo vuoi che la pagina il div sia più lungo devi solo mettere un altro numero invece di 400 come te lo dobbiamp spiegare?      | 
			 
		  | 
	
	
		| Top | 
		 | 
	
	
		  | 
	
	
		sevenjeak Semidio
  
  
  Registrato: 04/02/08 22:05 Messaggi: 308 Residenza: Roma
  | 
		
			
				 Inviato: 10 Feb 2008 12:02    Oggetto:  | 
				     | 
			 
			
				
  | 
			 
			
				| il fatto e che le dimensione mi campiano tra IE e FF | 
			 
		  | 
	
	
		| Top | 
		 | 
	
	
		  | 
	
	
		mdweb Dio maturo
  
  
  Registrato: 18/12/07 16:59 Messaggi: 4412
 
  | 
		
			
				 Inviato: 10 Feb 2008 12:10    Oggetto:  | 
				     | 
			 
			
				
  | 
			 
			
				inserisci sto codice nell'head della pagina
 
 	  | Codice: | 	 		  
 
<!--[if IE]>overflow:auto;<![endif]-->
 
 | 	 
  | 
			 
		  | 
	
	
		| Top | 
		 | 
	
	
		  | 
	
	
		sevenjeak Semidio
  
  
  Registrato: 04/02/08 22:05 Messaggi: 308 Residenza: Roma
  | 
		
			
				 Inviato: 10 Feb 2008 12:20    Oggetto:  | 
				     | 
			 
			
				
  | 
			 
			
				come prima però sopra al div mi stampa:
 
 	  | Codice: | 	 		  
 
[if IE]>overflow:auto;<![endif]
 
 | 	 
  | 
			 
		  | 
	
	
		| Top | 
		 | 
	
	
		  | 
	
	
		mdweb Dio maturo
  
  
  Registrato: 18/12/07 16:59 Messaggi: 4412
 
  | 
		
			
				 Inviato: 10 Feb 2008 12:23    Oggetto:  | 
				     | 
			 
			
				
  | 
			 
			
				| aspè adesso ti scrvo il codice io! | 
			 
		  | 
	
	
		| Top | 
		 | 
	
	
		  | 
	
	
		 |