Jan,
On Aug 21, 2005, at 12:41 PM, Jan Erik Moström wrote:
I'm trying to create a page design like this:
--------------------------------------------------------------
| commandbar |
--------------------------------------------------------------
| | |
| quicklinks | projects |
| | |
--------------------------------------------------------------
| |
| actions |
| |
--------------------------------------------------------------
I want commandbar, quicklinks and projects to be fixed on the page
while
actions should be able to scroll. I'm trying to do this using CSS only
but I
can't get it to work.
<snip>
#actions
{
position: absolute;
background-color: #afa;
top: 130px;
z-index: -14;
}
My problem is that the three top fields work as I want but the
"actions"
field ends up behind the top three when I scroll.
You need to prevent the body from scrolling by making sure the content
doesn't flow below the bottom of the viewport (aka window).
Try something like this...
#actioins {
position: fixed;
top: 130px;
bottom: 0;
background-color: #afa;
overflow: scroll;
}
Roger,
Roger Roelofs
"Remember, if you’re headed in the wrong direction,
God allows U-turns!"
~Allison Gappa Bottke
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
