[Wordpress] Problema di visualizzazione con monitor da 10pollici

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?

[darkwolf]

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.

[karl94]

Potresti provare, via javascript, ad intercettare la risoluzione dell'utente e fornirgli il tema più ottimizzato ma sarebbe un lavoro piuttosto complesso.

Perché farlo con javascript? Le Media Queries sono state inventate per questo.

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?

[darkwolf]

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:

min-width: 700px;
width: 100%;

E aggiungi, sempre in container:

width: 990px
margin: 0 auto;

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:

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?

[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