Adattare il template al monitor

[gabrib]

Ciao a tutti. Sono appena tornato dalle vacanze e durante questo periodo ho avuto la possibilità, dove mi trovavo, di utilizzare  pc con dimensioni monitor/risoluzioni diverse.
Mi sono accorto che il mio sito non si adatta  a queste  diversità, generando a volte uno scroll orizzontale  a fondo pagina per la completa visualizzazione.
C'è la possibilità di poter adattare il mio sito alle diverse dimensioni/risoluzioni del monitor e se si come?
Grazie per l'attenzione.

http://www.glfinvestments.com/

[conti1]

ciao
hai il sito x una risoluzione 1280 e normale che guardando il tuo sito con risoluzioni inferiori  1024  ti appaia lo scroll orizzontale.
hai il width:1071px;  se vuoi che non appaia lo scroll  devi ridimensionare il tutto poetando a e non oltre 980px.
buon divertimento.

[gabrib]

Non so bene come fare, puoi spiegarmi meglio.
Ho sentito parlare di template fluido,  che si addatta in automatico alle varie risoluzioni/dimensioni monitor, è di questo che stiamo parlando? Grazie ancora.

[conti1]

non  o parlato di rendere fluido il template altrimenti ti avrei detto di cambiare  tutte le tue misure da px a %
io o detto di diminuire la larghezza del tuo template e portarla a 680px.

[gabrib]

Si, hai ragione  ho frainteso, comunque se rendessi il mio template fluido in modo che si adatti automaticamente alle varie dimensioni/risoluzioni monitor, dovrebbe essere la soluzione migliore (questa non è una certezza, ma una supposizione,  per questo vorrei una  conferma).
Se confermassi quanto appena scritto, potresti spiegarmi dove e come modificare il mio template?
Grazie.

[tonicopi]

Non è vero per niente che il template fluido è una soluzione ideale. Tutt'altro. La soluzione ideale per avere la certezza che il 99 % degli utenti vedano il sito pressapoco come lo hai fatto tu è proprio quella di adottare una risoluzione fissa di 980px come ti ha suggerito conti1 

[gabrib]

Come posso fare per metterlo in pratica?
Grazie.

[tonicopi]

Non è proprio semplicissimo gabrib. Devi ridimensionare le dimensioni in diversi punti e anche qualche immagine. Io lo lascerei come sta. Lo vede perfettamente circa l'80 per cento dei visitatori e il restante 20 per cento ha un piccolo scroll orizzontale che però non limita la navigazione. Gli articoli restano perfettamente leggibili e i link laterali a destra cliccabili

[gabrib]

Quello che dici è vero, ma mi sarebbe piaciuto imparare, anche per il futuro.

[adottauncane]

Cioa gabrib,
be allora per incominciare devi impostare 980px qui:
template.css (riga 59)

Codice: [Seleziona]

.Sheet {
.
.
.

width:980px;
.
}
e 540 px qui:
template.css (riga 1379)

Codice: [Seleziona]

.contentLayout .content {
.
.
width:540px;
}
Poi vedi cosa succede (sicuramente c'è da ridimensionare la foro dell'header) e con Firebug verifichi se ci siano altre impostazioni da cambiare...
Buon lavoro!