Newsgroup: it.comp.www.html
Titolo: problema con (credo) CSS

Ho una pagina che, al click su un pulsante "Cancella" mostra una popup 
creata
con un plugin (impromptu) di Jquery.
 
Classicamente, il plugin, crea un offuscamento della pagina sottostante 
sovrapponendo
qualcosa, credo un div, semitrasparente.
 
Bene, ma solo se sono in cima alla pagina. Se la pagina è più lunga, e per 
raggiungere il
tasto cancella sono costretto a scendere un po', ecco quello che vedo 
all'apparire della
popup di conferma:
http://tinypic.com/r/973aqc/5
 
 
In pratica il layer è alto quanto lo SCHERMO e non quanto la PAGINA.
 
Sono convinto che sia un problema di CSS, per cui posto qui
 
lo stile che usa il plugin (senza le parti che non servono a creare 
l'effetto):
 
.jqifade{
position: absolute;
background-color: #aaaaaa;
 
}
div.jqi{
width: 400px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
position: absolute;
background-color: #ffffff;
font-size: 11px;
text-align: left;
border: solid 1px #eeeeee;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
padding: 7px;
}
div.jqi .jqicontainer{
font-weight: bold;
}
 
e l'inizio del mio foglio di stile per disegnare la pagina:
 
html,body{height:100%;}
body {text-align: center; font-family: Georgia, Tahoma, Calibri, Verdana, 
Helvetica, Arial,'Lucida Grande', sans-serif; font-size: 14px; margin: 0; 
padding: 0;}
 
/* wrapper per h100% */
#wrapper{min-height:100%; width: 100%; background-color: #363633; 
background: url('../images/bg_righe.gif') repeat;}
 
/* Opera Fix */
body:before {content:""; height:100%; float:left; width:0; 
margin-top:-32767px;}
 
/* container 990px centrato */
div#container {overflow:auto; padding-bottom:150px; width:990px; 
text-align:left;}
 
Ho provato diverse modifiche ma senza successo!
Come si fa???
 
Ciao
Nicola 
 
--
Newsgroup robomoderato - gli articoli vengono approvati automaticamente

 Sono convinto che sia un problema di CSS,
 
Non conosco quel plugin, ma Javascript è in grado di riconoscere le
dimensioni dello schermo, non la lunghezza della pagina.
Credo che il problema derivi da questo.
 
 
Max
-- 
http://www.maxori.it
 
L'Arte è la capacità di fare cose di nessun valore
e di riuscire a venderle
F. Zappa


Credo che il problema derivi da questo.
 
ok, ma allora non si può fare in modo che il div appaia con grandezza dello
schermo ma spostato di quanto si è spostata la pagina verso il basso?
Voglio dire, il div grigio ha esattamente la dimensione dello schermo,
ma il suo posizionamento è sempre 0,0 rispetto alla pagina, anche
quando, prima che esso appaia, io mi sono mosso in basso.
 
A lume di naso il posizionamento dovrebbe corrispondere a 0,0 dello
schermo e non della pagina, ma si può fare?
 
Grazie, ciao
Nicola 


 
non capisco perchč non mi ha "appeso" il messaggio a tuo...
 
Nicola


 
Mi sono accorto che il DIV creato da Impromptu prende l'altezza da quella 
risultante nel body (dalla console CSS del browser)
 
Ora, se tolgo il 100% da
html,body{height: 100%}
 
funziona perfettamente il grigio semitrasparente che copre tutto lo schermo 
sotto la popup anche
se mi sono spostato in basso.
 
Ora, però, non funziona più il footer fisso in basso quando il contenuto è 
corto ma si alza seguendo un
breve contenuto.
 
Problema: come salvare capra e cavoli???
 
Nicola 


 Nicola 
 
l sistema che hai usato ha i suoi lati positiìvi quando vuoi posizionare
un elemento in fondo allo schermo, però ha come effetto collaterale
quello che hai illusrato.
Prova a impostare il footer come position:absolute e bottom:0px
 
Max
-- 
http://www.maxori.it
 
L'Arte è la capacità di fare cose di nessun valore
e di riuscire a venderle
F. Zappa


Prova a impostare il footer come position:absolute e bottom:0px
 
niente, viene fuori un obbrobrio.
forse la cosa migliore sarebbe quella di rinunciare all'offuscamento?
 
Ciao
Nicola 
