Salve, ho notato che con un netbook da 10 pollici, le pagine del mio blog vengono visualizzate in modo distorto da come invece appaiono con uno schermo più grande. Gli articoli appaiono come schiacciati in una colonna. A cosa può essere dovuto, e quale potrebbe essere una soluzione?
Usi un menù "fluido" che prova pertanto ad ottimizzarsi con ogni risoluzione.
Un 10 pollici ha, per ovvie ragioni, una bassa risoluzione che obbliga il tuo layout a restringersi più possibile.
Potresti provare, via javascript, ad intercettare la risoluzione dell'utente e fornirgli il tema più ottimizzato ma sarebbe un lavoro piuttosto complesso.
Il mio consiglio è quello di usare un layout fisso ed ottimizzato per 1024x768 (la risoluzione più usata) e lasciare che sia l'utente ad arrangiarsi in caso di risoluzioni inferiori.
Perché farlo con javascript? Le Media Queries sono state inventate per questo.Citazione:
Originalmente inviato da darkwolf
Le risoluzioni dei monitor sono:
- 1440 * 900 pixel (schermo grande)
- 1024 * 600 pixel (schermo piccolo)
Per dare un'idea di ciò che avrei in mente di ottenere, posso fare il paragone con il forum di Altervista. Con lo schermo piccolo non visualizzo lo spazio bianco ai lati, ottenendo come risultato una pagina praticamente identica a quella visualizzata con lo schermo grande. Lo stesso avviene con la maggior parte delle pagine web (niente spazio bianco ai lati), Come faccio ad ottenere un risultato simile per il mio sito web?
Vedo che hai scelto un layout fisso ma... manca qualcosa.
Lo vedo malaccio adesso. Prende tutta la pagina e sta sulla sinistra.
Rimuovi nel css > container:
E aggiungi, sempre in container:Citazione:
min-width: 700px;
width: 100%;
:wink:Citazione:
width: 990px
margin: 0 auto;
Va tutto bene tranne che la barra a sinistra e a destra di quella centrale appare rossa invece che nera. Immagino sia il colore di sfondo, c'è modo di farla apparire dello stesso colore della barra centrale nera?Citazione:
Originalmente inviato da darkwolf
Stavo per consigliarti di rimuoverla direttamente (dato che, esteticamente, lascia a desiderare ed è di nulla utilità) ma vedo che hai già fatto da te :wink: