Div a tutto schermo

stellino75

Div a tutto schermo

Ho un layout che si basa su un css framework a griglia fissa. Fuori da questo flusso vorrei inserire un div con uno sfondo che a qualsiasi risoluzione copra orizzontalmente lo schermo.

ienavr

HTML:

CSS:

#overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

è quello che ti serviva?

stellino75

Ciao ienavr e grazie innanzitutto,
purtroppo il tuo codice non risolve il mio problema.
Vediamo di essere più chiari:
Il mio layout è formato da un css-fw:

<div class="col_16 col">... </div>

</div>
il markup si ripete per ogni sezione del sito ed ogni riga (".row") ha un width: 960px; e dei margini laterali impostati ad auto che centrano il box.
I div ".col_16 col" contenuti all'interno di .row hanno margini laterali di 10px.

Aumentando la risoluzione o utilizzando il page zoom i margini si adattano alla nuova risoluzione correttamente.

Il problema sorge quando voglio inserire un div da utilizzare come footer che non abbia i margini di ".row" e che occupi per intero lo schermo.

Il tuo codice mi posiziona il div in fondo agendo sulla proprietà top e in realtà ottengo l'effetto voluto, ma estraendolo dal flusso riesco a visualizzare solo il bordo.
Spero di essere stato esaustivo.