I am trying to make a website three column layout with CSS. However I would like to use three different width types which seems to be complicating things.
I want the left hand column be specified by em, so that if the text size is changed by the user then the column will change to fit. The right hand column contains an image so it is at a fixed size. And I want the middle column takes up the remaining space.
The only way I have been able to acheive that is to have the left column floated left and the right column floated right. Both immediated before the main text which is not floated at all. However the problem with that layout is that when the text gets past the end of the side column it takes up the full width of the screen.
Or a left and right border with background-color set if you want the columns colored all the way down regardless of how far down the side-matter goes. In other words if you want page-length columns rather than boxes, you set the background on both the floated boxes and the borders and so the colored cols always go down as far as the end of the longest element.