Fixed Menu
- Set CSS
positionproperty to value of "absolute" for compatibility with Internet Explorer 6.0 for Windows - Use the CSS child
selector to set the
positionproperty to the value "fixed" for use with browsers like Opera, Mozilla, Firefox, Safari and Internet Explorer for the Macintosh. Must be after the position absolute specification in the cascading order.
CSS Code
...
div.menu {
position: absolute;
width: 22%;
left: 76%;
top: .5em;
margin: 0;
padding: 0;
border: 2px solid #CC3300;
}
...
/* hack for IE6, since IE6 for Windows does not understand position fixed */
body>div.menu { position: fixed
}
...
div.menu {
position: absolute;
width: 22%;
left: 76%;
top: .5em;
margin: 0;
padding: 0;
border: 2px solid #CC3300;
}
...
/* hack for IE6, since IE6 for Windows does not understand position fixed */
body>div.menu { position: fixed
}
...
HTML Code
...
<div class="menu">
<h2 class="navbar">Main Menu</h2>
<ul class="navbar">
<li class="navbar"><a class="navbar_selected" href="schedule.htm">Schedule</a></li>
<li class="navbar"><a class="navbar" href="presenters.htm">Presenters</a></li>
<li class="navbar"><a class="navbar" href="resources.htm">Resources</a></li>
</ul>
</div>
...
<div class="menu">
<h2 class="navbar">Main Menu</h2>
<ul class="navbar">
<li class="navbar"><a class="navbar_selected" href="schedule.htm">Schedule</a></li>
<li class="navbar"><a class="navbar" href="presenters.htm">Presenters</a></li>
<li class="navbar"><a class="navbar" href="resources.htm">Resources</a></li>
</ul>
</div>
...