Altezza div 100% finestra browser

**calogeromancuso** · 28-01-2014, 21:13

Salve a tutti.
Vi spiego cosa voglio realizzare. All'apertura della pagina vorrei mostrare un div che ricopra tutta la finestra del browser con all'interno una introduzione al sito. Successivamente se si scorre la pagina si dovrebbe vedere il resto del contenuto della pagina. Come posso realizzarlo?

**VincenzoB92** · 29-01-2014, 23:13

dal CSS dai

codice:

body{
margin: 0 0 0 0;
}
.divGrandeQuantoLaPagina {
width: 100%;
height: 100%;
margin-top: 0;
margin-left: 0;
}

**calogeromancuso** · 30-01-2014, 16:08

Così facendo il div non diventa grande quanto la pagina.

**ac_socmel** · 30-01-2014, 16:13

codice:

* {
    margin: 0;
    padding: 0
}
html, body {
    height: 100%
}
.divGrandeQuantoLaPagina {
    width: 100%;
    height: 100%
}

**VincenzoB92** · 30-01-2014, 16:29

Guarda che il codice che hai postato funziona:

codice:

<html>
<head>
<style>
* {
    margin: 0;
    padding: 0
}
html, body {
    height: 100%
}
.divGrandeQuantoLaPagina {
    background-color: black;
    width: 100%;
    height: 100%
}


</style>
</head>
<body>
<div class="divGrandeQuantoLaPagina"></div>
</body>
</html>

risultato:
new.jpg

Non era questo che volevi ottenere?

**calogeromancuso** · 30-01-2014, 17:17

l'ultimo codice postato è l'effetto che desideravo. grazie per l'aiuto!

Discussione: Altezza div 100% finestra browser

Strumenti discussione

Ricerca discussione

Visualizza

Altezza div 100% finestra browser

Permessi di invio