I need to find fixed leftside 100% height menu [closed]

Question

I'm Matthew and i'm new here. I need to find a menu which looks like that here: http://noblebank.pl/ (leftmenu) I have searched it a half day and i got no more ideas how to find something like that :) I will be grateful for any help :)

EDIT: The most important thing in this menu is sliding submenu after clicking his parent and submenu should be also made in 100% height.

This is a fixed sidebar. look at this jsfiddle jsfiddle.net/U8HGz/1 — Kees Sonnema, Commented Jun 14, 2013 at 12:47
Just inspect the sidebar element with Firebug or equivalent and see how they did it. — Nick R, Commented Jun 14, 2013 at 12:47

koningdavid · Accepted Answer · 2013-06-14 12:44:54Z

2

I made a little example for you, basicly you need a width, position and 100% height

position:fixed;
height:100%;
width:200px;

To position it you can set the following options

left:0;
bottom:0;
top:0;

http://jsfiddle.net/XSxqA/

answered Jun 14, 2013 at 12:44

koningdavid

8,1437 gold badges38 silver badges47 bronze badges

This is cool. I've just even tried to do something by myself but the most important thing in this menu is sliding submenu after clicking his parent and submenu should be also made in 100% height.
– user2486081
Commented Jun 14, 2013 at 12:49
You'll need to use jQuery for that, have a look at animate - api.jquery.com/animate
– Nick R
Commented Jun 14, 2013 at 13:01

Add a comment |

Hemerson Varela · Accepted Answer · 2013-06-14 14:39:20Z

0

<html>
<head><title></title></head>
<body>
  <div id="menu">
    Fixed menu
  </div>
  <div id="main">
    Main content
  </div>
</body>
</html>

Above the html and bellow the css

http://jsfiddle.net/LcWfB/

#menu{
    position:fixed;
    height:100%;
    width:150px;
    left:0;
    top:0
}
#main{
    margin-left:150px;
}

edited Jun 14, 2013 at 14:39

Hemerson Varela

26.1k18 gold badges72 silver badges69 bronze badges

answered Jun 14, 2013 at 12:57

user1335902

Add a comment |

Collectives™ on Stack Overflow

I need to find fixed leftside 100% height menu [closed]

2 Answers 2

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Related