Problema con position:fixed in IE

[ManuelHT]

Ciao a tutti ragazzi ho un problema con un div che vorrei far risaltare fisso in una pagina ma non si vede in IE mentre in Firefox si.
la pagina è questa http://twilightphotos.altervista.org/ita/home.html , come potete vedere in Firefox si vede un div contenente il form per le votazioni mentre con IE 7 non si vede proprio niente e con IE 6 si vede spostato di lato.
Intanto vorrei farlo vedere in IE 7.

Inoltre ho fatto una prova prendedo solo il css del body del contenitore e del div "votami" e mi funziona...quindi ci deve essere qualcosa nel resto dei div, qualcuno sa dirmi come posso risolvere?
Grazie

[axxe16]

Ciao,
per ie6 puoi al limite filtrarlo e posizionarlo in modo assoluto, se non altro sta sopra ma non scrolla:

div#boxDaFixare {position: absolute; left:0px; top:0px; }
body > div#boxDaFixare {position: fixed; }

Su ie7 questo probelma non dovrebbe esserci ma vedo un pò di casotto con i margini...
prova a posizionare veramente al centro il box in questo modo

margin-left:-250px;
left:50%;
margin-top:-200px;
top:50%;

ovviamente togli i valori che hai messo adesso per i margini (questa tecnica ti centra anche il box in posizione assoluta quindi puoi usarla anche con ie6)

Per usare il fixed su ie6 usa javascript, io personalmente uso jquery. Questo potrebbe fare al caso tuo:
http://plugins.jquery.com/project/scroll-follow

[ManuelHT]

Ok grazie mille ora ho risolto il problema di come farlo vedere, solo che ora quando invio il voto su internet explorer non mi scompare più il div ma rimane lì: c'è qualcosa di sbagliato nello javascript?
ecco il codice che uso

<script language="javascript" type="text/javascript">
function Modulo() {
		if ((document.modulo.SVotes.value == "")) {
		   alert("- WARNING! Is required to choose an evaluation. \n\n - ATTENZIONE! Devi scegliere una valutazione.");
		   document.modulo.SVotes.focus();
		   return false;
		}
		else if ((document.modulo.code.value == "")) {
		  alert("- WARNING! Is required to insert the code of the image. \n\n - ATTENZIONE! Devi inserire il codice nell'immagine.");
		  document.modulo.code.focus();
		  return false;
		}
		else {
		   document.modulo.action = "http://it.altervista.org/community/av_vote_site.php";
		   document.modulo.submit();
		   document.getElementById('votami').style.visibility='hidden';
		}
  }
</script>

ho provato anchea a mettere

document.getElementById('votami').style.display='none';

al posto di

document.getElementById('votami').style.visibility='hidden';

Ma non funziona lo stesso, qualche consiglio? Grazie ancora

[Mich_]

Forse IE6 non riconosceva il getElementById.
Prova con
document.all[votami].style.visibility='hidden'; (non ricordo piu` la sintassi corretta)

Comunque e` diventato un problema di JS: sposto di la`.

[ManuelHT]

Il problema era presente anche con IE 7 comunque dopo provo a fare come hai detto tu e faccio sapere, intanto se qualcun altro ha qualche consiglio è il benvenuto!!!!
Grazie

[ManuelHT]

ho provato ma non funziona proprio, ne con firefox e ne con IE...qualcuno sa qualche altro metodo?

[ManuelHT]

volevo chiedere agli amministratori se era possibile rispostare questa discussione nella sezione css e cambiargli il titolo in "IE 6" invece di solo "IE" perchè c'è un problema di posizionamento in ie 6...grazie

poi volevo chiedere a qualcuno se sapeva consigliarmi un metodo adatto senza usare il jquery consigliato in precedenza....grazie ancora

[ManuelHT]

qualcuno mi può aiutare???

[Xinod]

no no, solo con i css non sistemerai mai per IE6

aiutati anche da solo: google e' li' e le parole chiave per la ricerca non sono niente di trascendentale "position fixed ie6", troverai decine di esempi funzionanti

[ManuelHT]

ho risolto solo con il css:
faccio un esempio di come l ho fatto io:
avevo il div "votami" all'interno del div "main"

ho messo il seguente css

#votami {
	height: 400px;
	width: 500px;
	bottom:0 !important;
	bottom:-1px;
	margin-right: auto;
	margin-bottom: 150px;
	position: absolute;
	margin-left:-250px;
	left:50%;
	margin-top:-200px;
	top:50%;
}
main > div#votami { position: fixed; }

a quanto pare il punto fondamentale è mettere position:absolute sotto il div che volete fissare nella pagina e poi l'attributo

main > div#votami { position: fixed; }

subito sotto, a quanto pare gli altri growser lo ignoreranno e in IE6 funzionerà correttamente

Grazie a tutti