When you create a div layer with 100% width and height, the height is always only the height of the browser window, not of the page content (which can be much higher).

To solve this, give the layer div an id and use the following JS code inside the layer div:

<script type="text/javascript">document.getElementById("yourlayerid").style.height = document.getElementsByTagName("body")[0].offsetHeight + "px";</script>

The code is very simple, it gets the height of the content (the body element) and gives it the layer div.

Tested in Opera, Firefox and *barf* MSIE (8).

Bugfix Release v1.1 is available! For more info’s take a look at the end of this article.

YAST (Yet Another Standard Theme) is a good looking kubrik compliant theme for WordPress.

You are looking at it RIGHT NOW!

It is not only good looking, the additional features are really nice:

Read the rest of this entry »