Come evitare la barra di scorrimento verticale sulla Home page
Author: Fulvio Roberti
Visited 2205,
Followers 1,
Shared 0
Impostando la Home Page con una foto a tutta pagina, e visualizzando l'anteprima, la home page non sta dentro la finestra del browser, e mi mette la barra laterale di scorrimento.
Premetto che il modello è impostato tutto con centratura Alto-Centro.
Lo stesso problema è presente su altre pagine che non riescono a fare stare una immagine a pieno schermo dentro la finestra senza mostrare la barra di scorrimento orizzontale.
L'altezza minima impostata è 480.
Il monitor che stò utilizzando è impostato sulla risoluzione 1920x1080.
Su un computer portatile che utilizzo con risoluzione 1024x768 il problema è ovviamente amplificato.
Posted on the
Author
rettifico il primo post : La barra di scorrimento è quella verticale.
... la barra di scroll verticale si forma automaticamente quando il contenuto della pagina ha misure superiori a quella della finestra ospite...
... posta il LINk della pagina per i riscontri del caso...
.
ciao
Author
La pagine non è ancora stata pubblicata.
La pagina contiene solo un foto.
Le foto non vengono ridimensionate automaticamente ?
Come posso specificare la lunghezza massima di una pagina ?
O, in alternativa, come posso dire al software di ridimensionare la foto in base alla risoluzione dello schermo che la sta visualizzando ?
Grazie.
... non ho capito se si tratta di un funzionamento anomalo o cos'è che intendi dire; ...potresti prendere uno spazio WEB qualsiasi per le prove in modo da far vedere qualcosa di concreto...
... comunque, se non vuoi vedere a tutti i costi la barra, inserisci nel pannello ESPERTO | /HEAD questa stringa di codice:
<style type="text/css"> html {overflow-y:hidden;} </style>
.
ciao
Author
La soluzione che mi hai proposto è vero che fa scomparire la barra di scorrimento verticale, ma taglia l'immagine presente nella pagina.
Non esiste un modo che ridimensioni l'immagine in base alla dimensione della finestra del browser ?
Se vuoi posso pubblicare solo la Home page, anche se mi sembra di essere stato abbastanza chiaro sul tipo di problema da risolvere.
Inoltre, se fosse possibile, mi piacerebbe avere una risposta alla domande che avevo posto :
- Le foto vengono ridimensionate automaticamente per restare nella pagina ? ( ho diverse pagine che contengono solo una foto, alcune sono correttamente visualizzate, altre, soprattutto quelle che hanno la dimensione verticale magggiore di quella orizzontale, mostrano la barra verticale di scorrimento su qualsiasi risoluzione del monitor.
- Esiste il modo per definire una lunghezza massima della pagina ed eventualmente adattarla al tipo di computer ( Desktop, Notebook, Tablet, Smartphone ) con le diverse risoluzioni dei monitor ?
... 1) - non è logico; ...la pagina si adatta al contenuto; ... se del caso devi/puoi realizzare a monte le immagini delle misure che servono; ...però, come fatto prima per la barra puoi forzarne l'aspetto della pagina via codice;
... 2) - no! ...la risposte sta già nella 1); ...il layout in larghezza è fisso; ... se proprio vuoi potresti realizzare versioni del sito individuali destinate a diversi supporti, da ottenere tramite LINK/scelta; ... (oppure tramite redirect su cui documentarti )...
.
Author
Forse sono un po' scemo.
Mi dici che "la pagina si adatta al contenuto" mentre ti stò dicendo che non è vero.
Ho tutte immagini molto ben definite ( da 3.000 x 3.000, a 4000 x 6000 pixel ) e quando le metto in una pagina qualsiasi all'interno del sito ( definito con un layout che comprende una intestazione di lunghezza 100, del menù di lunghezza 50 e della sezione pagina con lunghezza minima di 480, il tutto con larghezza 1.280) mi compare la barra di scorrimento verticale, soprattutto se ci metto una foto 3.000x4.000 pixel, e cioè messa in verticale.
Con quelle in orizzontale ( 4.000 x 6000 ) ciò non succede. Vengono ridimensionate correttamente. Tutte le foto sono in formato Jpg.
Trovo strano dover ridurre le mie foto e farne 10 copie per ognuna in base alle risoluzioni del computer sul quale verranno visualizzate; in ogni caso dovrei avere il modo di dire al mio sito quale è la risoluzione che in quel momento è attiva.
Perchè se aggiungo il codice che mi hai inviato nel post precedente mi taglia anche l'immagine ?
Non esiste un sistema per ridimensionare automaticamente le foto ?
Attendo fiducioso
... dipende da cosa intendi per contenuto; ...al Passo_3 hai una griglia da strutturare; la pagina avrà un vincolo in orizzontale che gli avrai assegnato tu, ed in verticale si espanderebbe a secondo dei contenuti inseriti, e questo lo saprai tu; ...in Tips&Tricks troverai delle guide per capire ed orientarsi nell'impaginazione, in modo da non avere dubbi sul funzionamento del Programma...
... supponendo che al sito gli assegni una larghezza di 1000 pixel, che rimarrà FISSA, e supponendo che vuoi inserire una immagine che occupi tutta la griglia orizzontale, e supponendo che questa immagine nativamente sia di misure 4000x3000 pixel, ecco!, in quella pagina prenderebbe le misure in rapporto allo spazio disponibile, cioè 4:3 = 1000x750 pixel, ed al ridimensionamento ci penserebbe il programma (i miei consigli però stanno qui: http://bit.ly/1gdk9dh)
... se vuoi limitare l'altezza della pagina, rileva dal sorgente HTML l'ente/DIV che ti interessa, per esempio BODY, o CONTENT, e gli assegni lo STYLE dedicato, per esempio "HEIGHT:500px"; ...se postavi il link si poteva interpretare meglio, ma ormai potrai farlo tu...
... ovviamente, senza barra di scroll ed in una finestra ridotta del browser creerà senz'altro problemi o scocciature al visitatore...
... se hai il link di un sito qualsiasi che risponda alle caratteristiche che vorresti attuare, forse sarebbe meglio vederlo per capire se puoi ottenerlo con il programma, e senza smanettare di extra; ...il sito migliore resta pur sempre quello realizzato integralmente con il programma...
.
Author
Ok.
Ho capito perfettamente quello che intendi.
Quello che voglio io invece è che lo STYLE dedicato : "HIGHT:500px " venga settato in automatico e venga rilevato da una funzione che in base alla dimensione della finestra del browser ridimensioni l'immagine iniziale ( la famosa 1000x750 ).
Es. Se stò visualizzando il sito su un browser con finestra 640x480, l'immagine viene generata con una risoluzione tale da stare "dentro la finestra" in entrambe le dimensioni.
Ovviamente non so se questo sia possibile, ma credo di si. Ho visto molti siti che adeguano il contenuto alle dimensioni della finestra del browser.
Ciao
... ad aver tempo, si potrebbe ottenere via codici e programmazione JS...
... non è lo scopo dell'attuale Programma...
... (attualmente sono senza programmi), ...però questi due vecchi miei esempi quasi identici e fatti sempre per l'Avo di Answer, accettati da google mobile, realizzati tramite uso di tabelle con OO.o, con un controllo condizionale, fa un po' quello che vorresti tu:
http://www.zspace.it/kolasim/paginaelastica_k/elasticaOOoK.html
http://www.zspace.it/kolasim/paginaelastica_k/paginaelastica_k.html
... quindi, come detto prima, ad aver tempo, ed a saper dove mettere le mani, si potrebbe ottenere lo stesso esito a molto simile anche con il Programma...
.