<script>
html * { margin: 0; padding: 0; } # 0,0,0,1
.col1 { margin: 0; padding: 0 0.5%; width: 19%; height: 98%; float: left; } # 0,0,1,0
.col2 { margin: 0; padding: 0 0.5%; width: 19%; height: 98%; float: left; } # 0,0,1,0
.col3 { margin: 0; padding: 0 0.5%; width: 19%; height: 98%; float: left; } # 0,0,1,0
.col4 { margin: 0; padding: 0 0.5%; width: 19%; height: 98%; float: left; } # 0,0,1,0
.col5 { margin: 0; padding: 0 0.5%; width: 19%; height: 98%; float: left; } # 0,0,1,0
</script>
<h2 style="margin: 0.5%;" >A 5 column layout hack</h2> <div style="position:relative;" > <p class="col1" style="background-color: blue">Column 1 stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff </p> <p class="col2" style="background-color: gray">Column 1 stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff </p> <p class="col3" style="background-color: green">Column 1 stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff </p> <p class="col4" style="background-color: red">Column 1 stuff stuff stuff stuff stuff stuff stuff stuff stuff </p> <p class="col5" style="background-color: purple">Column 1 stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff </p> </div> <p style="margin: 0 0.5% 5px; clear: both; width: 99%; text-align: center; background-color: lightgreen;"> Footer | stuff</p>
Column 1 stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff
Column 1 stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff
Column 1 stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff
Column 1 stuff stuff stuff stuff stuff stuff stuff stuff stuff
Column 1 stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff
Footer | stuff