Unofficial WebSite X5

WebSite X5 versioni obsolete => WebSite X5 [v9] - Discussioni Generali => Topic aperto da: PierBin - 28 Marzo, 2013, 14:43:50

Titolo: top fisso
Inserito da: PierBin - 28 Marzo, 2013, 14:43:50
 Ciao Raga, sicuramente se ne già parlato, vorrei far rimanere fisso il top e il menu orizzontale  e far scorrere tutta la parte centrale della pagina e se è possibile far restare fisso anche il piè di pagina.
 Grazie  e Buona Pasqua a tutti
Titolo: Re:top fisso
Inserito da: XC - 28 Marzo, 2013, 15:57:19
tu vuoi fissare l' header?  se ho capito?  devi solo cambiare i parametri e provare sulla tua struttura


qui un modo


Codice:
Only registered users can see contents. Please click here to Register or Login.
Titolo: Re:top fisso
Inserito da: essedi - 28 Marzo, 2013, 16:40:23
Ciao Raga, sicuramente se ne già parlato, vorrei far rimanere fisso il top e il menu orizzontale  e far scorrere tutta la parte centrale della pagina e se è possibile far restare fisso anche il piè di pagina.
 Grazie  e Buona Pasqua a tutti


Qui trovi indicazioni per diverse situazioni (per esempio menu sopra o sotto l'Intestazione)

http://www.essedi.altervista.org/menufisso/index.html

Approfitto per inviare a tutti i mie sinceri auguri per una buona e serena Pasqua.
Titolo: Re:top fisso
Inserito da: PierBin - 28 Marzo, 2013, 17:01:40
http://espiro.altervista.org/ (http://espiro.altervista.org/)
Grazie ad entrambi, ho provato il codice sopra e mi sembra ok
 
Titolo: Re:top fisso
Inserito da: PierBin - 29 Marzo, 2013, 00:35:20
http://espiro.altervista.org/ (http://espiro.altervista.org/)
Grazie ad entrambi, ho provato il codice sopra e mi sembra ok

Bene con IE9 male con G CHROME
Titolo: Re:top fisso
Inserito da: essedi - 29 Marzo, 2013, 10:45:13
http://espiro.altervista.org/ (http://espiro.altervista.org/)
Grazie ad entrambi, ho provato il codice sopra e mi sembra ok

Bene con IE9 male con G CHROME


Nel tuo sito, rispetto al mio esempio, c'è questo codice in più

<style>
#imPage {margin: 0 0; left: 20px;}
#imFooter { margin:0 0; left: 20px;}
</style>

Non so quanto possa influire, ma intanto proverei ad eliminarlo.


Inoltre nel tuo codice c'è una incongruenza tra l'altezza dell'Intestazione (160 pixel) e la posizione del Menu (80 pixel).


Però ripeto che non so se queste differenze giustifichino l'inconveniente.











 
Titolo: Re:top fisso
Inserito da: PierBin - 29 Marzo, 2013, 12:45:33
il codice che hai evidenziato serve x spostare il sito tutto a sinistra, ho modificato anche il valore che hai suggerito ma il problema rimane
Titolo: Re:top fisso
Inserito da: essedi - 29 Marzo, 2013, 13:03:02
il codice che hai evidenziato serve x spostare il sito tutto a sinistra, ho modificato anche il valore che hai suggerito ma il problema rimane

Infatti il mio codice funziona con siti "normalmente" centrati.
Titolo: Re:top fisso
Inserito da: stesil - 29 Marzo, 2013, 13:04:13
Prova ad aggiungere left:20px a #imHeader e sostituire left:auto con left:20px a #imMnMn .... vediamo se si aggiusta con Chrome e si "rompe" con gli altri browser ....
Titolo: Re:top fisso
Inserito da: PierBin - 29 Marzo, 2013, 13:33:09
Prova ad aggiungere left:20px a #imHeader e sostituire left:auto con left:20px a #imMnMn .... vediamo se si aggiusta con Chrome e si "rompe" con gli altri browser ....

 
ok mi sembra tutto ok
http://espiro.altervista.org/ (http://espiro.altervista.org/)
Grazie Ciao
Titolo: Re:top fisso
Inserito da: lemonsong - 29 Marzo, 2013, 13:53:46
Dici?

Guarda dove hai messo left:20px

Citazione
#imHeader left:20px  {position: fixed; top: 0px; width: 988px; height:160px; z-index: 50;}

L'hai lasciato fuori "della porta"... pensa se succedesse a te  ;)
Titolo: Re:top fisso
Inserito da: PierBin - 29 Marzo, 2013, 14:30:59
Dici?

Guarda dove hai messo left:20px

Citazione
#imHeader left:20px  {position: fixed; top: 0px; width: 988px; height:160px; z-index: 50;}

L'hai lasciato fuori "della porta"... pensa se succedesse a te  ;)
hai ragione, avevo solo guardato che si vedeva bene, ora ho aggiornato
"pensa se succedesse a te" no, ora proprio no, cacciucco al fuoco
 :)
Titolo: Re:top fisso
Inserito da: lemonsong - 29 Marzo, 2013, 15:12:10
Mhmmm, acqua, acqua!

Citazione
#imHeader{position: left:20px;fixed; top: 0px; width: 988px; height:160px; z-index: 50;}


Comincia da qui: http://www.html.it/pag/14215/come-fatto-un-css-regole-e-commenti/
 (http://www.html.it/pag/14215/come-fatto-un-css-regole-e-commenti/)
Titolo: Re:top fisso
Inserito da: lemonsong - 29 Marzo, 2013, 21:07:19
Ti tengo d'occhio  :)

Fuocherello, leggi qua (sempre riferito a Chrome):

[...] e sostituire left:auto con left:20px a #imMnMn ....
Titolo: Re:top fisso
Inserito da: PierBin - 29 Marzo, 2013, 23:04:30
Ti tengo d'occhio  :)

Fuocherello, leggi qua (sempre riferito a Chrome):

[...] e sostituire left:auto con left:20px a #imMnMn ....
Ti tengo d'occhio" lo so, ora mi sembra tutto ok.
E ora non è niente sono alla finestra, faccio fare la cavia ad altri, quando esce la versione stabile v10 chisà che casini che vengono fuori con gli script inseriti.
Grazie del supporto che come sempre con pazzienza mi fornisci, Buona Pasqua Prof
 :)  Ciao PierBin
salutami Riccardo Cioni
Titolo: Re:top fisso
Inserito da: PierBin - 07 Aprile, 2013, 21:33:55
Inserendo questo codice in esperto - sezione head e mettendo un collegamento ipertestuale file su internet ad una pagina invisibile con le impostazioni crea la pagina senza applicare il modello misure 300.
quando si va su il collegamento la pagina cliccata che è in file o url con sbox vedi immagine
<style type="text/css">
 #imHeader {position: fixed; top: 0px; width: 960px; height:200px; z-index: 50;}
 #imMnMn{position:fixed; top: 200px; left:150px;}
 #imContent, #imContentGraphics {padding-top: 205px;}</style>
Titolo: Re:top fisso
Inserito da: stesil - 07 Aprile, 2013, 23:24:16
Ciao,

nella pagina creata senza applicare il modello prova a nascondere l'header e riposizionare il contenuto della pagina:


Codice:
Only registered users can see contents. Please click here to Register or Login.
Titolo: Re:top fisso
Inserito da: PierBin - 08 Aprile, 2013, 18:04:55
grazie Stesil, in locale funziona, penso che funzionerà anche in rete.
Ciao