Autore Topic: top fisso  (Letto 4310 volte)

PierBin

  • Utente esperto
  • ***
  • Post: 323
top fisso
« il: 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

XC

  • Nuovo arrivato
  • *
  • Post: 63
Re:top fisso
« Risposta #1 il: 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.
Non è che noi non osiamo fare le cose perché sono difficili, anzi, sono difficili perché non osiamo.

essedi

  • Anziani
  • Utente esperto
  • *
  • Post: 418
Re:top fisso
« Risposta #2 il: 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.

PierBin

  • Utente esperto
  • ***
  • Post: 323
Re:top fisso
« Risposta #3 il: 28 Marzo, 2013, 17:01:40 »
http://espiro.altervista.org/
Grazie ad entrambi, ho provato il codice sopra e mi sembra ok
 

PierBin

  • Utente esperto
  • ***
  • Post: 323
Re:top fisso
« Risposta #4 il: 29 Marzo, 2013, 00:35:20 »
http://espiro.altervista.org/
Grazie ad entrambi, ho provato il codice sopra e mi sembra ok

Bene con IE9 male con G CHROME

essedi

  • Anziani
  • Utente esperto
  • *
  • Post: 418
Re:top fisso
« Risposta #5 il: 29 Marzo, 2013, 10:45:13 »
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.











 

PierBin

  • Utente esperto
  • ***
  • Post: 323
Re:top fisso
« Risposta #6 il: 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

essedi

  • Anziani
  • Utente esperto
  • *
  • Post: 418
Re:top fisso
« Risposta #7 il: 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.

stesil

  • Anziani
  • Utente storico
  • *
  • Post: 1219
    • quellidelcucuzzolo
Re:top fisso
« Risposta #8 il: 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 ....

PierBin

  • Utente esperto
  • ***
  • Post: 323
Re:top fisso
« Risposta #9 il: 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/
Grazie Ciao

lemonsong

  • Anziani
  • Utente storico
  • *
  • Post: 1867
    • lemonsong's world
Re:top fisso
« Risposta #10 il: 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  ;)

PierBin

  • Utente esperto
  • ***
  • Post: 323
Re:top fisso
« Risposta #11 il: 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
 :)

lemonsong

  • Anziani
  • Utente storico
  • *
  • Post: 1867
    • lemonsong's world
Re:top fisso
« Risposta #12 il: 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/


lemonsong

  • Anziani
  • Utente storico
  • *
  • Post: 1867
    • lemonsong's world
Re:top fisso
« Risposta #13 il: 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 ....

PierBin

  • Utente esperto
  • ***
  • Post: 323
Re:top fisso
« Risposta #14 il: 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