3 Column Layout Responsive Design With Flexible Middle Column
I do currently have a solution but it sacrifices the flexible height of the left and right column. The actual content that will be shown in the left column here is an ad. That ad will always be 250x300. The content in the right column will be a list of three items with a picture that are floated next to each other in a single line. For the most part it is safe to say that the content within the far right column will not make that column expand past 300px. Therefore, I can sort of get away with placing the middle area first in the HTML than using absolute positioning to position the left and right column. However, I really rather not use this technique since if the content in the left or right columns ever needs to changed everything will need to be reworked.