This page uses mootools available from mootools.net.
Div with id="edit" stuck to bottom on browser (Opera/Firefox only, Not IE6)
#edit {
background: grey;
color: white;
opacity: 0.7;
position: fixed;
height: auto;
width: 100%;
left: 0px;
bottom: 0px;
border: 0px;
border-top: 2px solid black;
float: left;
margin: auto;
padding: auto;
z-index: 100;
}
Forms 3 columns with two rows each. Styles can be changes with "column" and "line".
.column {
float: left;
margin: 5px;
}
.line {
margin: 2px;
padding: 2px;
}
<div class="column">
<div class="line">Line 1</div>
<div class="line">Line 2</div>
</div>
<div class="column">
<div class="line">Next Column Line 1</div>
<div class="line">Line 2</div>
</div>
<div class="column">
<div class="line">Last Column Line 1</div>
<div class="line">Line 2</div>
</div>