Div sempre visibile (anche con scroll)

**Luca_pluatrco** · 15-10-2009, 10:25

Ciao,

devo visualizzare un div (rappresenta un dialog) nella porzione visible della finestra (a prescindere dallo scroll).
Al momento uso position:absolute e top:50px. Ma in questo modo, se il focus è a fondo pagina con una porzione non visibile dovuta a scroll, il dialog viene visualizzato in cima (ovviamente) e non partendo dal top della porzione attualmente visibile della pagina.

Come potrei visualizzare il div in tal modo, cosi' che a prescindere dalla posizione nella pagina venga visualizzato al top della parte visibile?
Grazie

codice:

body {
letter-spacing:0;
margin:0;
min-width:980px;
padding:0 20px;
}

.dialog {
left:409px;
position:absolute;
top:50px;
width:700px;
margin:0 auto;
padding:0;
z-index:30 !important;
}

<body>

<div id="dialog">...  </div>

...
</body>

**Mich_** · 15-10-2009, 10:41

position: fixed

Occhio pero` che non e` riconosciuto in tutti i browser: sicuramente non i IE6, non ricordo in IE7.
Eventualmente ci sono dei JS alternativi da inserire tramite Commenti Condizionali.

**fcaldera** · 15-10-2009, 10:44

Originariamente inviato da Mich_
position: fixed

Occhio pero` che non e` riconosciuto in tutti i browser: sicuramente non i IE6, non ricordo in IE7.
Eventualmente ci sono dei JS alternativi da inserire tramite Commenti Condizionali.

In IE7 position fixed funziona
Per IE6 potresti usare questa soluzione
http://css.html.it/articoli/leggi/30...rmante-su-ie6/

**Luca_pluatrco** · 15-10-2009, 14:30

Quando il dialog viene visualizzato, tramite javascript si setta il overflow:hidden per il body. in tal modo si eliminano (se presenti) le scroolbar.

Mettendo position:fixed che valori uso per top / left?
Se lascio i valori ad auto non mi si posiziona come vorrei.

**fcaldera** · 15-10-2009, 14:34

Originariamente inviato da Luca_pluatrco
Mettendo position:fixed che valori uso per top / left?

considera che (0,0) corrisponde all'angolo in alto del viewport
tu dove devi mostrare questa finestra?

Discussione: Div sempre visibile (anche con scroll)

Strumenti discussione

Ricerca discussione

Visualizza

Div sempre visibile (anche con scroll)

Permessi di invio