FixedHeader and fixed menu bar

InvarmasamMum

New Member
I've been tinkering with this too long now, so I put out the questions here. I'm trying to have a menu bar on top of a web page. The problem with my approach is that the content page gets scrolled 'behind' the menu bar which causes problems for DataTable/FixedHeader. Instead of stopping the header of the table at the menu, it scrolls into the menu and locks at the top of the screen.
7EpJC.png
.The css looks like this\[code\]#header { width:100%; height:50px; position: fixed; top:0; background-color:rgba(255,0,0,0.5);}#content { background-color:rgba(0,0,255,0.5); position: static; margin-top: 50px;}\[/code\]Is there anything I can do to stop the table scrolling all the way up and the header stopping below the menu?
 
Back
Top