Brainleaf
Web Resources

Durante lo sviluppo di un sito web spesso ci si trova davanti alla necessità di assegnare in maniera fluida un’altezza di valore 100% ad un div senza però conoscere la reale altezza della device che visualizzerà il prodotto che si sta realizzando. Questo potrebbe in alcuni casi dare problemi allo sviluppatore in quanto, a differenza della larghezza, le regole CSS non permettono di assegnare il valore 100% alle altezze. Per risolvere questo problema potremmo ricorrere ad un piccolo script JS ma è possibile ottenere lo stesso risultato anche soltanto attraverso del semplice CSS.

Ecco come fare:

Inseriamo all’interno del body (vuoto) della pagina il seguente markup:

<div class="full-height"> </div>

 Nel CSS invece iseriremo:

.full-height { 
position:absolute; 
width:100%; 
top:0; 
right:0; 
bottom:0; 
left:0; 
background-color: black; 
}

 Facile no? 

Joomla SEF URLs by Artio