Height 100% or full height

Creating a theme for a blog, a problem arose with a small page size, the main part was compressed to a minimum and the footer pressed against it, which is not good and not beautiful. I decided to make the main part with a connection to the full height of the page. There are of course many ways to do this with or without using JavaScript, as well as with CSS. I chose pure CSS.


The advantage of this technique is pure CSS, not all JavaScript are enabled. However, it is good, then when in the concept of your design, direct borders of containers are applied.
')

Here is the CSS, “public disorder” :).

< style type ="text/css" >
html,body{
height:100%;
margin:0px;
padding:0px
}

.height100 {
height: auto;
min-height: 100%;
}
</ style >

* This source code was highlighted with Source Code Highlighter .

Add for IE6 (thanks private_face).

<!--[if IE 6]>
<style type="text/css">
.height100 {
height: 100%;
}
</style>
<![endif]-->

* This source code was highlighted with Source Code Highlighter .

Apply.

< div class ="height100" >
DIV c height 100%
</ div >

* This source code was highlighted with Source Code Highlighter .

An example .


PS I will accept criticism with pleasure.