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 |
|
 |
|