Hi, I am trying to create a webpage using <div> tags and css to control page layout and positioning. I want to keep away from using <table> tags to position things on my page. I'd like my page to have a 3-column layout and this is where I'm running into problems. The left-hand column and the right-hand column seem to be working fine. The problem is that when I try to put text content in the middle column, the right-hand column gets pushed down the page. What I'd like to be able to do is add content to the middle column of my page without having to worry about the position/alignment of the right-hand column. I've included my code (apologies, I know there's quite a lot - its the only way to demonstrate the problem). You can comment/uncomment the "blah" text in the html to see what my problem is. See attached .zip file Thanks!
I'm afraid I'm not comfortable downloading an unknown zip file shown on a message board. But I'd recommend floating your left column left, floating your right column right, and then letting your middle column float up into the center. If you don't want to do that, you could specify the width of the left and middle column, and float each of them left, then let the right column float up to the right of those two. I'm honestly not sure how to do a 3 column (or even a 2 column) layout where you have more than one column with a variable width, unless it's all based on percentages and you don't have any fixed width items inside of them.