Usually, I'm rather enthusiastic about web technologies. It's been some time since I decided to give up designing with tables. However, I think I've hit somewhat of a wall.
What I want is fairly simple: here is an example
. The box on the right has a fixed width, but the main contents scales with the page. And then, if we remove that box, the contents take up the whole width of the page.
Problem is, it works with a table
. I don't want that.
Stupidly enough, I can't find a way to reproduce that behavior using CSS and floating elements. If I set two elements with the float:left property, then they both need to be fixed-width, and that means neither can scale to the size of the page if the other disappears. If I set just one to be floating to the left or right, then borders and backgrounds from the non-floating one will overlap the floating one.
How come there's nothing easy to use in the CSS standards that will let me do something that's been done since immemorial times on the Web? Tables are deprecated for design. Why are they still the easiest way to achieve things like that? In fact, the only real solution I could come up with is using the display:table* CSS attributes to fake that I'm using tables.
Excuse the rant. Especially since it's my first post here.