Facebook persistent bottom bar

programming web dev
1

I’m trying to get a similar effect to Facebook’s persistent bottom bar. My situation is a little different:


#barLeft {
   display: fixed;
   width: 150px;
   height: 50px;
   left: 0;
   bottom: 0;
}

#barRight {
   display: fixed;
   width: 100%;
   height: 50px;
   left: 150px;
   bottom: 0;
}

Somehow I need to set barRight’s width to 100% - 150px so it doesn’t extend beyond the screen, but expressions aren’t allowed in CSS. So how can this be done?