The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Fixed Header that isn’t overlapped by scrollbar? Re: Fixed Header that isn’t overlapped by scrollbar?


It doesn’t work in Internet Explorer, even IE10 ignores the relative element’s boundaries or uses the wrong information to get it’s height. To make it work in IEs you’ll need a real table element in the markup as I do remember getting this to work cross-browser a few years ago. The result of having interest on doing “the impossible” :)

You can use almost the same kind of table trick to make a site always have a min-height of 100% to fill the whole viewport, and it can be expanded on centering content to the middle of the screen, yet if content is too tall you’ll get a scroll bar – unlike with absolute or fixed positioning where you’d lose the top of the content.

The conclusion for all of these table tricks: not recommended on any real site.