Altezza contenuto della pagina 
Autore: Simone L.
Visite 1313,
Followers 1,
Condiviso 0
Buongiorno,
a causa della differente altezza del contenuto della pagina, quando scorro il menù il piè di pagina mi sobbalza, e questo è ovvio.Ma come potri compensare le altezze del contenuto pagina per renderle tutte alte uguali?
Vi viene in mente qualche stratagemma?
Cordiali saluti,
Postato il
non vedo sobbalzi...?
http://answers.websitex5.com/post/38792
.
perchè non usi il footer fisso a fondo schermo, evitando che si muova? qui di seguito ti posto un css (da mettere al passo 1, sez. esperto) per tenere fermi header e footer, scrollando solo il contenuto...
<style type="text/css">
body #imFooter {position: fixed; bottom: 0; width: 960px; z-index:1000;}
body #imHeader {position: fixed; top: 0; width: 960px;z-index:1000;}
body #imMnMn {position: fixed; top: 150px; left:auto;}
body #imContent {top: 186px;}
</style>
personalizzando la posizione del menu standard di website e del contenuto della pagina...
http://www.skeggia12.it/test/headfoot
ciao
Autore
Inanzitutto grazie , sembra funzionare.Ma al posto di imFooter e imheader che sono intestazione e e piè di pagina , ci dovrebbero essere sfondo del piè di pagina e sfondo dell' intestazione, perche sono quelli di color verde.
Grazie mille
Autore
Ciao buongiorno , qui si parla di un codice che dice altezza minima, ma non fissa quindi a me non funziona.
Grazie comunque.
Autore
Sicuro???
... però risponde alla tua domanda iniziale:
[come potrei compensare le altezze del contenuto pagina per renderle tutte alte uguali?]
... indipendentemente dal contenuto ...
... quindi se imposti 600 pixel, sarà così per tutte le pagine, ma quel codice forse era per altri scopi...
... altrimenti prova così:
<style> #imContent{ height:580px; } </style>
... non ho programmi per provare direttamente, ma fai presto a verificare...
.
ciao
Autore
[quote=" KolAsim "]Simone L. KolAsim http://answers.websitex5.com/post/38792 . Ciao buongiorno , qui si parla di un codice che dice altezza minima, ma non fissa quindi a me non funziona. Grazie comunque.
... però risponde alla tua domanda iniziale:
[come potrei compensare le altezze del contenuto pagina per renderle tutte alte uguali?]
... indipendentemente dal contenuto ...
... quindi se imposti 600 pixel, sarà così per tutte le pagine, ma quel codice forse era per altri scopi...
... altrimenti prova così:
<style> #imContent{ height:580px; } </style>
... non ho programmi per provare direttamente, ma fai presto a verificare...
.
ciao
L'ho messo il codice ma sembra non funzionare.Ti passo il link.
http://www.sl-web-design.com/1/
ti allego anche la foto di dove l'ho inserito.
... vedo che c'è un DIV imContentGraphics; prova ad aggiungere:
<style> #imContent{position:relative; height:580px; } </style>
.
Simone, guarda anche qui
http://essedi.altervista.org/_EVO10/_menufisso/header,-menu,-footer.html
ma cosa c'è in quella pagina?
penso che per prima cosa dovresti pulire il codice e poi vedere cosa funziona e cosa no, ho perso il conto dei tag <head> </head> <body> </body> <html> e div non chiusi...mi stupisco che si apra la pagina..
Autore
Ora funziona , ho messo anche lo stesso valore in altezza minima nel contenuto della pagina(580px).Grazie mille
Autore
Nell' anteprima funziona ma poi l'ho pubblicato e non funziona.Ti allego la pag.
Grazie uguale.
Autore
[quote="Simone L."] KolAsim ... vedo che c'è un DIV imContentGraphics; prova ad aggiungere: <style> #imContent{position:relative; height:580px; } </style> .
Ora funziona , ho messo anche lo stesso valore in altezza minima nel contenuto della pagina(580px).Grazie mille
Funziona solo in questo caso con 580 , se cambio il valore non funziona più.
Grazie mille.
... hai allegato un HTML, che non riesco a valutare..
... comunque, il Sito in RETE adesso vedo che funziona con le pagine del menu tutte della stessa misura...
... l'ultimo codice che ti avevo proposto, mi sono accorto che ho ripetuto lo stesso di prima, ma volevo dire di provare anche con imContentGraphics:
<style> #imContentGraphics{position:relative; height:580px; } </style>
... ma come detto già funziona...
... ! ... ti consiglio di sistemare i codici personalizzati che hai inserito nelle pagine...!...
... di quei codici devi usare solo la parte interna al Body /Body, quindi esclusi i tag HTML, HEAD e BODY, aperti e chiusi; ...devono essere univoci e solo quelli del programma...
.
Autore
si , ma ti volevo dire che funziona solo con 580, ma se metto per esempio 520 non fa più.
cqm riprovo e ti faccio sapere.
Grazie
... ho visto, si allunga il preventivo...
... prova ad aggiungere la seconda stringa di codice...
.
Autore
Se non ti scoccia me lo rimandi tutto completo grazie.
... in via eccezionale, ho ripulito quello che si vede qui:
... ma non posso vedere gli effetti sul browser; ...devi provare tu in rete con l'allegato...
.
Autore
grazie mille
Autore
Credo che questo sistefa forse è il migliore:
<style type="text/css">
#imHeaderBg {position: fixed; top: 0px; height:50px; z-index:50;}
#imHeader {position: fixed; top: 10px; width: 960px; height:80px; z-index: 50;}
#imMnMn{position:fixed; top: 16px; left:auto;}
#imContent {padding-top: 100px; padding-bottom: 200px;}
#imFooter {position: fixed; bottom: 25px; height: 150px; width: 960px; z-index: 50;}
#imFooterBg {position: fixed; bottom: 0px; height: 165px; z-index: 50;}
</style>
Grazie a tutti.
Però hai lasciato tutti gli errori nel codice....e sono tantissimi....per un sito che pubblicizza la creazione di siti web, non è proprio il massimo....