Splitting a <div> (I think)
On my 3 column page, in the first column I have a menu, horizontal rule and 3 images.
dttv.html
What I would like to do is always position the 3 images at the very bottom of this first column, whose length is governed by the amount of content in the middle column.
I've tinkered with it but have yet to find the solution.
I've thought about making this column into a wrapper and then naming two different div's inside it with different CSS positioning, but I think it is slightly over my head right now being new to CSS.
The basic layout is currently this:
<body>
<div id="outerWrapper">
<div id="header">header</div>
<div id="topNavigation">top nav</div>
<div id="contentWrapper">
<div id="rightColumn1">right column</div>
<div id="leftColumn1">left column</div>
<div id="content">middle column</div>
</div>
<div id="footer">footer</div>
</div>
</body>
I think what I need to achieve is to somehow split "leftColumn1" into 2 div's, then insert the images within the new 2nd div and somehow force that second div to always be at the bottom of "leftColumn1"
The first div of course with contain the menu.
Any ideas?