Porcentaje/Píxel, Faux Columns

* {
margin: 0;
padding: 0;
}
body {
position: relative;
font-family: 'Trebuchet MS', sans-serif;
font-size: 86%;
line-height: 1.4;
}

#wrapper {
position: relative;
overflow: hidden;
}

#header {
background-color: #09c;
color: #fff;
}

#mainbox {
float: left;
width: 75%;
background-color: #ffc;
color: #000;
}
#content {
float: right;
width: 66.67%;
}

#linkespalte {
float: left;
width: 33.33%;
background-color: #f0f0f0;
color: #000;
}

#rechtespalte {
float: right;
width: 25%;
background-color: #f0f0f0;
color: #000;
}

#content, 
#linkespalte, 
#rechtespalte, 
#mainbox {
padding-bottom: 30000px;
margin-bottom: -30000px;
}

#footer {
clear: both;
position: relative;
text-align: center;
background-color: #09c;
color: #fff;
z-index: 10;
}
/* IE-Hack, spaeter auslagern in 
   Conditional Comment */
* html #footer {
height: 1%;
}

 

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam.