HTML CSS examples for CSS Widget:Menu
Sticking side menu to top
<html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style id="compiled-css" type="text/css"> #container {<!--from ww w. j av a 2 s . c o m--> width:941px; } #header { width:100%; height:51px; background:Chartreuse; position:fixed; top:0px; } #nav { width:16%; height:100%; float:left; background:yellow; margin-left:2em; margin-top:61px; } #content { width:81%; height:601px; background:blue; float:left; margin-left:2em; margin-top:61px; } #footer { width:100%; height:61px; background:pink; float:left; margin-top:2em; } </style> </head> <body> <div id="container"> <div id="header"></div> <div id="nav"> <ul> <li>L</li> <li>L</li> <li>L</li> <li>L</li> </ul> </div> <div id="content"> </div> <div id="footer"></div> </div> </body> </html>