Discussione:
DIV fisso in pagina HTML
(troppo vecchio per rispondere)
DoZ
2005-09-14 12:40:59 UTC
Permalink
http://www.cssplay.co.uk/layouts/fixed.html
Chi riesce a spiegarmi quali sono i basilari pezzi di codice che riescono a
fissare il DIV che c'è in questa pagina?
fingitore
2005-09-14 12:47:50 UTC
Permalink
Post by DoZ
http://www.cssplay.co.uk/layouts/fixed.html
Chi riesce a spiegarmi quali sono i basilari pezzi di codice che
riescono a fissare il DIV che c'è in questa pagina?
l'id del div fisso è "menu"

dal browser visualizza il codice html della pagina

nel css incorporato trovi questo

#menu {display:block; top:10px; left:150px; width:130px; position:fixed;
border:1px solid #888; padding:10px; text-align:center; font-weight:bold;
color:#fff; background:url(grid2.gif);}
--
nunc et semper
DoZ
2005-09-14 13:04:48 UTC
Permalink
Post by fingitore
l'id del div fisso è "menu"
dal browser visualizza il codice html della pagina
nel css incorporato trovi questo
#menu {display:block; top:10px; left:150px; width:130px; position:fixed;
border:1px solid #888; padding:10px; text-align:center; font-weight:bold;
color:#fff; background:url(grid2.gif);}
non è tutto! (e qui mi rispondo da solo)
Prova a togliere...

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

...o...

<!--[if IE 6]>
<style type="text/css">
/*<![CDATA[*/
html {overflow-x:auto; overflow-y:hidden;}
/*]]>*/
</style>
<![endif]-->

...oppure...

body {margin:0; padding:0px; border:0 none; height:100%; overflow-y:auto;
background:#66CCCC;}

...o anche...

* html #menu {position:absolute;}

Continua a leggere su narkive:
Loading...