position fixed / position absolute

**JANUS70** · 11-01-2010, 11:49

Ciao,
non ho ben capito la differenza tra le 2 situazioni ..
ho fatto una prova su mozilla e IE 6 ma non ho colto ..
chi è cos' gentile da spiegarmele ?
grazie

#box{position: fixed !important;
position: absolute;
top: 20px; left: 20px;
width: 200px; }

**fcaldera** · 11-01-2010, 12:02

hai scelto il browser meno adatto per fare questa prova... in IE6 position fixed non funziona
rifai la prova su un browser recente/decente.

**JANUS70** · 12-01-2010, 09:48

.. è proprio perchè su IE6 non funziona che dovrei notare la differenza !

**fcaldera** · 12-01-2010, 10:31

Originariamente inviato da JANUS70
.. è proprio perchè su IE6 non funziona che dovrei notare la differenza !

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="it" xml:lang="it">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>xhtml 1.0</title>

        <style type="text/css">
        div {
            width  : 60px;
            height : 20px;
            background : #f2f2f2;
        }

        body {
            height  : 2000px;
        }
        </style>
    </head>

<body>

<div style="position: absolute; top: 40px; left: 100px;">absolute</div>
<div style="position: fixed; top: 100px; left: 220px;">fixed</div>

</body>
</html>

copia e incolla, provalo su un browser diverso da IE6, e scrolla la pagina
poi provalo anche su IE6. Fixed viene interpretato come static.

Ciao

**JANUS70** · 13-01-2010, 10:45

perfetto !!

grazie

Discussione: position fixed / position absolute

Strumenti discussione

Ricerca discussione

Visualizza

position fixed / position absolute

Permessi di invio