Drop up menu

[TeddyKiller]

I have a fixed floating bar at the bottom of the page, and when I click on a tab... I would like it to bring up a div .. so it'd be like a menu, so I can put things in it.. but only not a menu. It contains links instead of other tabs etc inside it sort of thing.

 

how can I do it? - Think about facebooks chat.. click on the users bit.. and it brings up that div

[ignace]

<div id="bla" style="display: none; z-index: 99;">bla bla</div>

<div onclick="show('bla')">clicky</div>

[TeddyKiller]

#users { /* this will ba used as a wrapper for the nav_menu so we can center it (nav_menu). especially for IE */
width:150px;

/* the code below will PUT the bar at the bottom */	
bottom:31px;
position:absolute;

z-index: 99;

float:right;
}

thats the style for it, but it seems to just stick left...=[

[ignace]

Remove the line float:right; it has no effect as it's completely ignored by the CSS engine, you can't float an absolute positioned element.

 

If an element’s position property is set to absolute or fixed, it’s absolutely positioned. In this case, float  is ignored (the computed value is none).

-- http://reference.sitepoint.com/css/displaypositionfloat

[TeddyKiller]

Right, well the menu is on the right side of the bottom floating bar... so I need css to put that div.. on the right side... The bottom bar is 90% in width, with a min-width of 900px.

 

Removing the float, keeps it on the right.. obviously, but removing the the position, doesn't make it show up at all

[ignace]

You need to remove the absolute positioning, make it relative (position: relative;) and float: right;