Newsgroup: it.comp.lang.javascript
Titolo: posizione fissa per i <div>

voglio creare un div che mantiene la sua posizione, anche se si scorre 
la pagina.
Il seguente sistema sembra funzionare:
 
<div style="position:fixed;">
contenuto div
</div>
 
ma non con internet explorer (la solita pecora nera).
Si può fare qualcosa?


<
https://www.google.com/search?client=ubuntu&channel=fs&q=position%3Afixed
 
+IE&ie=utf-8&oe=utf-8>

 +IE&ie=utf-8&oe=utf-8>
 
ho visto tanti metodi, ma si parla più che altro di IE6.
Si dice che dalla versione 7, il tutto è supportato... ma a me non mi 
risulta: eppure ho la versione 9!!!
 
Dunque l'esempio di riferimento è questo:
 
<div style="position:fixed;">
contenuto div
</div>
 
riga<br>
riga<br>
riga<br>
riga<br>
riga<br>
riga<br>
riga<br>
riga<br>
riga<br>
riga<br>
riga<br>
riga<br>
riga<br>
riga<br>
riga<br>
riga<br>
riga<br>
riga<br>
riga<br>
riga<br>
riga<br>
riga<br>
riga<br>
riga<br>
riga<br>
riga<br>
riga<br>
riga<br>
riga<br>
riga<br>
riga<br>
riga<br>
riga<br>
riga<br>
riga<br>
riga<br>
riga<br>
riga<br>
riga<br>
riga<br>
riga<br>
riga<br>
riga<br>
riga<br>
riga<br>
riga<br>
riga<br>
riga<br>
riga<br>
riga<br>
riga<br>
riga<br>
riga<br>
riga<br>
riga<br>
riga<br>
riga<br>
riga<br>
riga<br>
riga<br>
riga<br>
riga<br>
riga<br>
riga<br>
riga<br>
riga<br>
riga<br>
riga<br>
riga<br>
riga<br>
riga<br>
riga<br>
riga<br>
riga<br>
 
Il contenuto del div deve stare immobile, mentre le righe devono scorrere.
Il tutto funziona con firefox e chrome, ma non con IE.
 
Domanda:
 
Quali modifiche dovrei apportare per risolvere il problema senza perdere 
perdere tempo per un'altra settimana?
Un esempio concreto, testato e funzionante...

 Un esempio concreto, testato e funzionante...
 
altro?

 
http://net.tutsplus.com/tutorials/html-css-techniques/creating-a-floating-html-menu-using-jquery-and-css/
 
 
ok appena posso faccio qualche prova


 
sto cercando di capire, però venitemi incontro...
 
il doctype di default è <!DOCTYPE html>
quindi dovrei cambiarlo?
 
Poi mi sembra che bisogna usare
 
	display: -ms-positioned;
 
Ripeto, perdonate l'ignoranza, sto cercando di capire, però venitemi 
incontro...

 incontro...
 
Per quanto mi riguarda non saprei, perché non ho mai avuto la necessità 
di bloccare un qualcosa in basso, e perché non ho IE a casa ... quindi 
non saprei come testare. Posso solo confermare che funziona con IE>=7 
(testato tempo fa).

 incontro...
 
Prova a specificare la posizione quando usi `position: fixed`. Prova
qualcosa tipo:
 
    <div style="position:fixed; top: 10px; left: 10px">
        contenuto div
    </div>
 
Non uso IE né ho una macchina per testarlo, quindi non posso dirti a
priori se così risolvi, ma conoscendo Internet Explorer (ho lavorato
principalmente su quello per diversi anni in passato) è probabile di
si.
 


 
lo devo inserire all'inizio, giusto?
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
         "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd
">

sembra funzionare, quindi va bene com'è, o sto trascurando qualche 
dettaglio?
Insomma oltre all'altro metodo suggerito (non ancora provato), anche 
questo sistema può andar bene, o mi devo aspettare qualche sorpresa?
Ho ancora poca esperienza con queste cose, siate buoni :-b