<script>
html * { margin: 0; padding: 0; } # 0,0,0,1
.col1 { margin-left:0.5%; margin-right:0.25%; width: 19.25%; float: left; background-color: blue;} # 0,0,1,0
.col2 { margin-left:0.25%; margin-right:0.25%; width: 19.5%; float: left; background-color: gray;} # 0,0,1,0
.col3 { margin-left:0.25%; margin-right:0.25%; width: 19.5%; float: left; background-color: green;} # 0,0,1,0
.col4 { margin-left:0.25%; margin-right:0.25%; width: 19.5%; float: left; background-color: red} # 0,0,1,0
.col5 { margin-left:0.25%; margin-right:0.5%; width: 19.25%; float: left; background-color: purple;} # 0,0,1,0
</script>
<h2 style="margin: 0.5%;" >A 5 column layout hack</h2> <div class="col1"> <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 </p> </div> <div class="col2"> <p>Column 2 stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff </p> </div> <div class="col3"> <p>Column 3 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> <div class="col4"> <p>Column 4 stuff stuff stuff stuff stuff stuff stuff stuff stuff </p> </div> <div class="col5"> <p>Column 5 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 0.5%; 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 2 stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff
Column 3 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 4 stuff stuff stuff stuff stuff stuff stuff stuff stuff
Column 5 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