If you're using old web traditions, why not use a <table> and use the cell padding to fit the gap size?
I am using tables for the content columns. The problem is with making them dynamically expandable. Quite frankly, they kept changing what they wanted for 4 weeks so that I only just got the "final" mock-up approved today, yet I'm supposed to hand them a completed site (HTML/CSS/JavaScript only) by Thursday. Right now, I'm working on getting the content into the template, which is done, and if no one can figure it out by then, I'll just say that there wasn't enough time with how much they made me waste.
It's not like they're paying me for this anyways. I'd put more direct effort into it were they to be paying me, but I had to do something as my senior project. I'll get an "A" for doing everything I could, since all the communication went through the instructor, she can't hold the lack of progress against me.
So, just to clarify, this request will not be aiding my grade of the "senior project" in anyway. I've already spoken to my instructor about the lack of progress due to their constantly changing design requirements. This will only help to provide our Cx with what they want. Despite this reassurance, I understand if you still don't wish to help.
If you're using old web traditions, why not use a <table> and use the cell padding to fit the gap size?
+1, could easily be done with divs and min-width but, not sure if thats CSS2 or not :lolg:
Tables and table-width/padding is probably your best bet
min-width wouldn't allow me to dynamically size it based upon the content. Basically, column 1 has enough to fill 10%, column 2 has enough for 30%, and column 3 could have 20%. That's a total of 60%, leaving 40% to be distributed evenly across all three columns. If I were to use min-width without being able to dynamically define its value, then the columns may all be 10% with the remaining 70% untouched.