auto resizing Android - Iphone

[wimkieft]

Salve a tutti!

Ho un problema di visualizzazione del mio sito:

su desktop non ci sono problemi: http://stevi.altervista.org

mentre su Android e iphone si visualizza cosi: http://stevi.altervista.org/joomla/images/1_screen.png

Il css utilizza dei div (width:960px; margin:0 auto per centrarsi in automatico. Inoltre ho voluto rendere più largo il div che contiene l'immagine con lo strappo sotto il logo con width:1280px dando un margin-left: -160px (negativo) per redistribuire il disavanzo dei 320px (1280-960) rispetto ai 960px degli altri div.

Ma come ripeto, il risultato che ottengo, forse a causa dell'auto resizing su Android e Iphone, è quello mostrato tramite il link.
In che modo posso ovviare tramite css? Grazie.

[Experiment8]

Ciao,

prova ad aggiungere:

<meta name="viewport" content="width=device-width, initial-scale=1">

come meta tag nell'head della pagina.

[wimkieft]

Grazie, funziona ...ma non era questo cio che volevo.
Intendo eliminare il disavanzo (che si vede nel secondo link) e rifilare la pagina a 960px (che e' il width del content e degli altri div) facendo sbordare il div che contiene lo strappo dove sta la scritta ''riuscirai a dominare il tuo istinto?'' a destra come fa giustamente a sinistra.
Grazie per l'aiuto eventuale.

[wimkieft]

nessuno che abbia avuto a che fare con una cosa simile?

[Nobody33]

Qualunque cosa sia quel avanzo (immagine, div o altro? ), penso che basta di mettere un diplay: none in

@media screen (max-width: 480px){} /*o qualunque risoluzione vuoi*/



EDIT

Altrimenti mi sa che ti tocca fare un contenitore a parte per quell'immagine (ora ho capito che è un immagine) nel footer.
Leggere tutto il css riferente al sito è troppo lungo, spiacente.

[wimkieft]

.

[wimkieft]

.

[wimkieft]

.

[wimkieft]

Scusate per i 3 messaggi sopra postati male.
Forse non ho illustrato bene la situazione.
Tutti i div sono in position: relative, con margin: 0 auto e width: 960px tranne quello che contiene l'immagine sotto il logo che è di 1280px (con margin-left negativo: -160px).
L'incongruenza si vede da questo screen shot da sistema android:

http://stevi.altervista.org/joomla/images/1_screen.png

Cosi vorrei settare anche un margine destro di questo div in questione in modo che vada a sbordare fuori come a sinistra e vada a rifilo degli altri.

Grazie....

[ac_socmel]

metti 2 bordi trasparenti di 160px