<body style="width: 100%; text-align: center;">
<div style="margin: 0 auto;">container
<div style="width: 200px; margin-top: 100px; float: left;">
left
</div>
<div style="width: 728px; float: left;">
<div style="height: 100px;">
1
</div>
<div style="height: 150px;">
2
</div>
<div style="margin-bottom: 0; bottom: 0; height: 100%;">
3
</div>
</div>
</div>
</body>
DIV 1
has a set height value,
DIV 2
dynamically adjusts its height using jQuery
DIV 3
needs additional styling to stretch fully down to the bottom with a bottom: 0;
property
What other CSS styles should be applied to DIV 3
for it to stretch properly?
I also require that the container
element is positioned in the center of the page.