I have a problem with the two columns since for instance if on the left column i put an image which is 200 widht by 260 height. Now, on the
right column I a m working on text and the column expands down as I type. But then my question is. Do I have to keep typing down to the
same height of the left column which is 260 in order to maintain an alignment on the bottom of the columns.
i already have left column float left
right column float right.
and footer clear both.
Div columns don't behave the same as table columns. To achieve equal height columns, you'll need to use a 2-toned background image, similar to the one shown below. Make your background image the same width as your page and repeat it vertically. This technique is known as Faux Columns.
width: 800px; /**width of page & background image**/
backround: url (your-BG.jpg) repeat-y;
Live example of Faux Columns: