WebSite X5Help Center

 
Simone L.
Simone L.
User

Altezza contenuto della pagina  it

Автор: Simone L.
Просмотрено 1417, Подписчики 1, Размещенный 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,

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

Размещено
22 Ответы - 5 Полезно - 1 Корректно
Mirko Boschetti
Mirko Boschetti
Moderator

non vedo sobbalzi...?

Читать больше
Размещено От 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

Читать больше
Размещено От Skeggia 12
Simone L.
Simone L.
User
Автор
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

Читать больше
Размещено От Simone L.
Simone L.
Simone L.
User
Автор
 ‪ KolAsim ‪ ‪

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

Grazie comunque.

Читать больше
Размещено От Simone L.
Simone L.
Simone L.
User
Автор
Mirko Boschetti
non vedo sobbalzi...?

Sicuro???

Читать больше
Размещено От Simone L.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Лучший пользователь месяца ESЛучший пользователь месяца 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



Читать больше
Размещено От  ‪ KolAsim ‪ ‪
Simone L.
Simone L.
User
Автор

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

Читать больше
Размещено От Simone L.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Лучший пользователь месяца ESЛучший пользователь месяца PT

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

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

.

Читать больше
Размещено От  ‪ 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..

Читать больше
Размещено От Template By Silver™
Simone L.
Simone L.
User
Автор
 ‪ 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

Читать больше
Размещено От Simone L.
Simone L.
Simone L.
User
Автор
 ‪ 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.

Читать больше
Размещено От Simone L.
Simone L.
Simone L.
User
Автор

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

Читать больше
Размещено От Simone L.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Лучший пользователь месяца ESЛучший пользователь месяца 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...

.





Читать больше
Размещено От  ‪ KolAsim ‪ ‪
Simone L.
Simone L.
User
Автор

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

Читать больше
Размещено От Simone L.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Лучший пользователь месяца ESЛучший пользователь месяца PT

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

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

.

Читать больше
Размещено От  ‪ KolAsim ‪ ‪
Simone L.
Simone L.
User
Автор

Se non ti scoccia me lo rimandi tutto completo grazie.

Читать больше
Размещено От Simone L.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Лучший пользователь месяца ESЛучший пользователь месяца 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...

.

Читать больше
Размещено От  ‪ KolAsim ‪ ‪
Simone L.
Simone L.
User
Автор

grazie mille

Читать больше
Размещено От Simone L.
Simone L.
Simone L.
User
Автор

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.

Читать больше
Размещено От 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....

Читать больше
Размещено От Mirko Boschetti