Dimensione pagina uguale a quella dello schermo

**salvo.pappy** · 07-04-2014, 17:07

Salve a tutti,
sto realizzando un piccolo sito web e, visto che utillizzo praticamente soltanto le grandezze relative per questioni di comodità, volevo impostare la grandezza di un'immagine pari al 30% dell'altezza della pagina, quindi:

codice HTML:

<img src="img.jpg" style="height: 30%;" />

però questo parametro non funziona, ho quindi pensato a come rimediare ed ho notato che impostando una dimensione in pixel per l'intera pagina quel codice lì sopra funziona.
Avevo in mente di impostare la dimensione della pagina pari a quella dello schermo:

codice HTML:

<script type="text/javascript">
                  document.getElementById('pagina').style.height = screen.height
          </script>
       </head>
       <body id=pagina >
          <img src="img.jpg" style="height: 30%;" />
</body>

Ma lo script non funziona, cosa posso fare?

**cavicchiandrea** · 07-04-2014, 20:18

Ciao e benvenuto
Il fatto che non ti prenda lo stile in linea in percentuale potrebbe essere causato che non hai impostato l'altezza del body e html in percentuale (al 100%) nei css. Mentre per quanto riguarda il javascript non funziona perché richiami un oggetto quando ancora non esiste nel documento devi racchiudere il js dentro onload=function(){.....}.

**salvo.pappy** · 07-04-2014, 22:33

Grazie! Il problema delle percentuali l'ho risolto!
Ma ancora non riesco a far funzionare lo script: se imposto un valore in pixel lo script funziona; se invece scrivo

codice HTML:

<script>
onload = function(){
document.getElementById('pagina').style.height = screen.height;
}
</script>

non funziona.
Ho provato pure:

codice HTML:

<script>
onload = function(){
var x = screen.height;
document.getElementById('pagina').style.height = xpx (oppure 'xpx' o x'px' o 'x'px);
}
</script>

Ma niente...

**cavicchiandrea** · 08-04-2014, 00:35

document.getElementById('pagina').style.height = x+'%';

**salvo.pappy** · 08-04-2014, 14:37

Ho scoperto che le percentuali funzionano solo sul mio broswer predefinito .-. quindi devo per forza aggiungere lo script con la regolazione dell'altezza.

codice:

onload = function altezza(){
var x = screen.height;
var pippo = x+"px";
document.getElementById('pagina').style.height = pippo;
}

Ma non funziona neanche questo

**cavicchiandrea** · 08-04-2014, 15:39

Originariamente inviata da salvo.pappy

Ho scoperto che le percentuali funzionano solo sul mio broswer predefinito .-.

Dai significa che tutti i siti che ho fatto in % le puoi vederli solo tu, se lo sapevo prima mi sarei risparmiato un sacco di tempo

quindi devo per forza aggiungere lo script con la regolazione dell'altezza.

codice:

onload = function(){
var x = screen.height;
var pippo = x+"px";
document.getElementById('pagina').style.height = pippo;
}

Ma non funziona neanche questo

Sarà perché hai nominato (altezza) la funzione invece d'eseguirla? (molto probabile)

**salvo.pappy** · 08-04-2014, 18:40

non ho capito? ho scritto

codice:

onload = function altezza() {...}

**cavicchiandrea** · 08-04-2014, 21:50

Non capisci perché non conosci il javascript (e non penso che il forum possa farti da tutor) prova con la guida base

Discussione: Dimensione pagina uguale a quella dello schermo

Strumenti discussione

Ricerca discussione

Visualizza

Dimensione pagina uguale a quella dello schermo

Tag per questa discussione

Permessi di invio