div style (maledetto IE)

[davidedante]

ho un div in questa pagina del sito che sto realizzando impostata così:

<div style="border: 0px; padding: 0px; position: fixed; top: 8%; left: 64%;">


caricando la pagina con firefox riesco a visualizzarla come voglio, ovvero con il menu di navigazione (le due frece grigie) in posizione fissa quando scrollo la pagina.. quando però provo con IE (ho l'ultima versione, la 8) mi sposta le frecce in alto a sinistra (presumo ignori il comando "position" e mi metta il blocco in alto a sinistra come di default)

sapete come posso modificare il "div style" per renderlo compatibile con IE8?

grazie mille

[davidedante]

scusate.. non IE8.. compatibilità con IE7

[Gufo]

Originariamente inviato da davidedante
scusate.. non IE8.. compatibilità con IE7

Usa i commenti condizionali

[StefanoC]

Originariamente inviato da davidedante
scusate.. non IE8.. compatibilità con IE7

Prova ad impostare le distanze dai bordi in pixel invece che in % e vedi se cambia qualcosa.

oppure vedi sotto:

"Fixed: An element with position: fixed is positioned at the specified coordinates relative to the browser window. The element's position is specified with the "left", "top", "right", and "bottom" properties. The element remains at that position regardless of scrolling. Works in IE7 (strict mode)"

ciao,
stefano

[davidedante]

dato che dopo aver postato il thread ho ltto che IE non supporta "absolute" (io ho la 7 e la 8 di IE ma cmq lo ignora) ho quindi provato ad usare la proprietà "fixed" ma quando "scrollo" la pagina il div in questione rimane fermo rispetto la pagina, ma non rispetto al browser, come fosse un elemento come gli altri.
ps. ho una pagina estesa solo in orizzontale, sono una serie di foto una accanto all'altra, puoi vedere questa pagina con firefox (corretto) e con IE per capire bene il mio problema.

grazie mille!

[StefanoC]

Scusa Davide,

ma una roba del genere proprio non va:

<div id="menu">
[img]fotoback.png[/img]
<map name="Map" id="Map"><area shape="rect" coords="0,0,17,18" href="#left" alt="go to left" title="go to left" />
<area shape="rect" coords="19,0,38,19" href="index.html" alt="back to main menu" title="back to main menu" />
</map>
</div>

- manca tutta l'intestazione della pagina web e la DTD, come cavolo fa un browser a sapere come interpretare quello che hai scritto ???
- l'immagine deve essere nel div intestazione, e non usare il tag img; l'attributo map è depracato
- il div contenitore non ha una dimensione, ne relativa ne assoluta...

[davidedante]

l'intestazione l'ho tolta perché altrimenti <table height="95%" .... viene ignorato e a me secca dover inserire 20 linee di codice per una cosa che posso risolvere togliendo l'intestazione (lo so che dico una 'blasfemia', perdonami)

cosa vuoi dire quando scrivi l'immagine deve essere nel div intestazione ?

e non usare il tag img ..allora cosa devo usare? :confused
non sapevo che anche <img.. fosse obsoleto. lo è?

l'attributo map è depracato ok, questo lo posso anche togliere
e usare due immagini affiancate invece di una mappata

il div contenitore non ha una dimensione, ne relativa ne assoluta... dove assegno questi parametri? nel css o direttamente nel div?



sei sicuro che così facendo risolvo il mio problema (la posizione del div fissa rispetto lo scrolling)?
io uso il tag fixed per il posizionamento del div.. pensavo dovessi sostituire questo comando con uno cross-browser (perché vedo la pagina come vorrei solo con firefoe e non con IE 7&8 e Opera)

[alexba64]

Originariamente inviato da davidedante
dato che dopo aver postato il thread ho ltto che IE non supporta "absolute"

ah si ?

Dove lo hai letto, mi faresti vedere ? Sono proprio curioso !

[davidedante]

Originariamente inviato da alexba64
ah si ?

Dove lo hai letto, mi faresti vedere ? Sono proprio curioso !

hheh, scusa, è vero, volevo dire fixed
non lo supportava fino ale 6 se ono ricordo male
però a me cmq lo ignora con la 8 e a 7 standalone

[Gufo]

Originariamente inviato da davidedante
hheh, scusa, è vero, volevo dire fixed
non lo supportava fino ale 6 se ono ricordo male
però a me cmq lo ignora con la 8 e a 7 standalone

Anche questo è sbagliato fixed e supportato da IE anche nella 7 e nella 8