Full day visible without scrollbar (independent screensize)

I would like to make a full day visible on the screen without have a scrollbar, independent of the screensize of the user. How can this be accomplished? Here is my code:

var height = getDivHeight() - scheduler.xy.nav_height - scheduler.xy.scale_height;
var hour_size_x = Math.round(height / 24);
scheduler.config.hour_size_px = hour_size_x;

There are 2 problems:

First, the height is not exactly right. The code above still has a scrollbar visible. See attached screenshot.

Second, the time scale is to small to show all times. I would like to have a time visible every 2 hours or so, like: 00:00 – 02:00 – 04:00 etcetera. See attached screenshot.


Unfortunately it is not possible to make step of time scale bigger than 1 hour.
You can alter styles of scale cells , to remove unnecessary paddings and decrease text size.