Salve, ho creato un semplice script che modifica alcuni parametri del css in base alla risoluzione.

Il codice è molto semplice

codice:
<script language="javascript">

function ridimensiona() {
      document.getElementById('Intestazione3').style.width = "850px";
      document.getElementById('BannerVideo').style.marginLeft = "350px";
      document.getElementById('BannerVideo').style.marginTop = "1px";     
}
 var larghezza = window.screen.width;
 if  (larghezza<1024) {
ridimensiona();
}
</script>
In pratica leggo la larghezza dello schermo, e se questo è inferiore a 1024pixel modifico dimensione e posizione di 2 div.

Il codice funziona, però il problema è che funziona solo se lo inserisco in fondo alla pagina, cioè se lo inserisco dopo aver inserito i 2 div in questione.

Se tale codice lo inserisco ad inizio pagina, prima di aver inserito i 2 div, il codice non funziona più.

Ora il problema è che mettendolo a fondo pagina, quando vine utilizzato un dispositivo con larghezza inferiore a 1024 pixel, viene prima caricata la pagina, e poi modificata, con il risultato che vine caricata la pagina tutta sconquassata, e poi solo dopo viene aggiustata.

C'è modo di evitare questo inconveniente?

Grazie.