The reason I ask this is:
Code: Select all
...
<div id="middle">
<div id="content">
Content can vary in this layout! <br/>
<br/>
<a href="javascript: void(document.getElementById('content').innerHTML += '<br/>You added more content!')">Click here to add more content</a>
</div>
...
Code: Select all
#middle {
background: url('images/map/middle.png') top center repeat-y;
padding: 5px;
padding-bottom: 100px;
text-align: center;
}
#content {
width: 750px;
text-align: left;
}
Code: Select all
<div id="middle" align="center">
<div id="content" align="left">
Content can vary in this layout! <br/>
<br/>
<a href="javascript: void(document.getElementById('content').innerHTML += '<br/>You added more content!')">Click here to add more content</a>
</div>
</div>