It looks like for older browsers you might have to add a !DOCTYPE to make it work. ------------------------------------------------------------------------------- http://www.w3schools.com/css/css_positioning.asp ----------------------------------------------------------------------------------
Note: IE7 and IE8 support the fixed value only if a !DOCTYPE is specified. Fixed positioned elements are removed from the normal flow. The document and other elements behave like the fixed positioned element does not exist. Fixed positioned elements can overlap other elements. ----------------- Example: ----------------- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";> <html> <head> <style type="text/css"> p.pos_fixed { position:fixed; top:30px; right:5px; } </style> </head> <body> <p class="pos_fixed">Some more text</p> <p><b>Note:</b> IE7 and IE8 supports the fixed value only if a !DOCTYPE is specified.</p> <p>Some text</p><p>Some text</p><p>Some text</p><p>Some text</p><p>Some text</p><p>Some text</p><p>Some text</p><p>Some text</p><p>Some text</p><p>Some text</p><p>Some text</p><p>Some text</p><p>Some text</p><p>Some text</p><p>Some text</p><p>Some text</p> </body> </html> ----------------------------------------------------------------------------------- --- On Fri, 6/10/11, Keith Clarke <keith.cla...@clarkeandclarke.co.uk> wrote: From: Keith Clarke <keith.cla...@clarkeandclarke.co.uk> Subject: Re: [Slightly OT] CSS or Javascript for a web page div that ignores vertical scrolling? To: "How to use LiveCode" <use-livecode@lists.runrev.com> Date: Friday, June 10, 2011, 2:28 PM Ah great - thanks Mark! I ignored the obvious as I thought position was just about relative positioning within nested containers, but you seeded my Google search perfectly http://www.w3.org/Style/Examples/007/menus Best, Keith.. On 10 Jun 2011, at 20:12, Mark Schonewille wrote: > Hi Keith, > > Set the position style property to fixed. > > -- > Best regards, > > Mark Schonewille > > Economy-x-Talk Consulting and Software Engineering > Homepage: http://economy-x-talk.com > Twitter: http://twitter.com/xtalkprogrammer > KvK: 50277553 > > New: Download the Installer Maker Plugin 1.6 for LiveCode here > http://qery.us/ce > > On 10 jun 2011, at 20:53, Keith Clarke wrote: > >> Hi folks, >> I'm having a little trouble with search terms for sorting the web page that >> will contain my project revlet... >> >> I want to place a little floating widget part-way down the right margin of >> the web page that stays put vertically wrt the browser window as the >> lengthy, underlying page contents is scrolled vertically. I'm not sure if >> this means the div is following the scroll or ignoring it but the desired >> behaviour wrt scrolling is like the 'Free Trial' and 'What's New' images on >> www.runrev.com >> >> Is this ignore/follow vertical scroll behaviour settable via CSS (if so, can >> someone please name the guilty tag so I can Google it) or do I need to look >> at Javascript & jQuery? >> >> Oh, if it's matters, the div won't be just an image container, it is >> destined to contain dynamic content managed via Javascript and use a couple >> of jQuery functions - but I'll learn about them once I have a box to house >> the content! >> Best, >> Keith.. > > > > _______________________________________________ > use-livecode mailing list > use-livecode@lists.runrev.com > Please visit this url to subscribe, unsubscribe and manage your subscription > preferences: > http://lists.runrev.com/mailman/listinfo/use-livecode _______________________________________________ use-livecode mailing list use-livecode@lists.runrev.com Please visit this url to subscribe, unsubscribe and manage your subscription preferences: http://lists.runrev.com/mailman/listinfo/use-livecode _______________________________________________ use-livecode mailing list use-livecode@lists.runrev.com Please visit this url to subscribe, unsubscribe and manage your subscription preferences: http://lists.runrev.com/mailman/listinfo/use-livecode
