WebSite X5Help Center

 
Simone L.
Simone L.
User

Altezza contenuto della pagina  it

Autore: Simone L.
Visite 1416, Followers 1, Condiviso 0  
Parole Chiave: altezza,contenuto,della,pagina

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,

http://www.sl-web-design.com/1/

Postato il
22 RISPOSTE - 5 UTILI - 1 CORRETTO
Mirko Boschetti
Mirko Boschetti
Moderator

non vedo sobbalzi...?

Leggi di più
Postato il da Mirko Boschetti
Skeggia 12
Skeggia 12
Moderator

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

Leggi di più
Postato il da Skeggia 12
Simone L.
Simone L.
User
Autore
Skeggia 12
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

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

Leggi di più
Postato il da Simone L.
Simone L.
Simone L.
User
Autore
 ‪ KolAsim ‪ ‪

Ciao buongiorno , qui si parla di un codice che dice altezza minima, ma non fissa quindi a me non  funziona.

Grazie comunque.

Leggi di più
Postato il da Simone L.
Simone L.
Simone L.
User
Autore
Mirko Boschetti
non vedo sobbalzi...?

Sicuro???

Leggi di più
Postato il da Simone L.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Utente del mese ESUtente del mese PT
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



Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Simone L.
Simone L.
User
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.

Leggi di più
Postato il da Simone L.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Utente del mese ESUtente del mese PT

... vedo che c'è un DIV imContentGraphics; prova ad aggiungere:

<style> #imContent{position:relative; height:580px;  } </style>

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Template By Silver™
Template By Silver™
User
Simone L.
L'ho messo il codice ma sembra non funzionare.Ti passo il link. http://www.sl-web-design.com/1/

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

Leggi di più
Postato il da Template By Silver™
Simone L.
Simone L.
User
Autore
 ‪ 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

Leggi di più
Postato il da Simone L.
Simone L.
Simone L.
User
Autore
 ‪ KolAsim ‪ ‪
... vedo che c'è un DIV imContentGraphics; prova ad aggiungere: <style> #imContent{position:relative; height:580px;  } </style> .

Nell' anteprima funziona ma poi l'ho pubblicato e non funziona.Ti allego la pag.

Grazie uguale.

Leggi di più
Postato il da Simone L.
Simone L.
Simone L.
User
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.

Leggi di più
Postato il da Simone L.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Utente del mese ESUtente del mese PT

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

.





Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Simone L.
Simone L.
User
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

Leggi di più
Postato il da Simone L.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Utente del mese ESUtente del mese PT

... ho visto, si allunga il preventivo...

... prova ad aggiungere la seconda stringa di codice...

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Simone L.
Simone L.
User
Autore

Se non ti scoccia me lo rimandi tutto completo grazie.

Leggi di più
Postato il da Simone L.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Utente del mese ESUtente del mese PT

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

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Simone L.
Simone L.
User
Autore

grazie mille

Leggi di più
Postato il da Simone L.
Simone L.
Simone L.
User
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.

Leggi di più
Postato il da Simone L.
Mirko Boschetti
Mirko Boschetti
Moderator

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

Leggi di più
Postato il da Mirko Boschetti