Previous Message
Next Message

menu box that floats with scrolling

Sent by Nancy E. Sosna Bohm on 23 January 2008 16:04


> From: [EMAIL-REMOVED]
> 
> I have seen the effect on at least two sites, one of which is
> http://www.quirksmode.org/css/display.html
> 
> Disabling the *.js file stops those menus from opening, but not from
> scrolling, suggesting control is by the CSS.

> Simple copy and paste into a new file did not work.
> Please explain.



I have successfully used this style:

 #menuHolder {display:block;position:fixed; top:390px; width:
109px;left:5px;font-size:80%;padding:6px;border:2px solid
#D02433;line-height:150%;}

with this html:

<div id="menuHolder">
		<a href="#background">Background</a><br>
		<a href="#books">Books</a><br>
		<a href="#articles"> Articles</a><br>
		<a href="#web">Websites</a><br>
		<a href=""><i>Return to top</i></a>
</div>

To work with IE6, set the position to absolute in a conditional comment.

Be sure to put enough content in the page to force it to scroll so you can
see the effect.

-Nancy

______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Previous Message
Next Message

Possibly related: