I'm putting together a small brochureware site to sell my house
(http://www.wellesleycarriagehouse.com). The designer used tables
initially, but I'm trying to get it as semantic and CSS-ish as possible, as
a programming exercise if nothing else.
The two-column float layouts I've seen require me to specify the width of
both columns, either as percentages or fixed, but that's not information I
have available in the CSS.
At this stage, the page (if you haven't peeked) consists of a logo and some
text on the left, and a nav bar and a photo on the right. What I want is:
Right column:
- Nav bar created by my software. It doesn't change much, but it is still
dynamic, so the CSS can't know its width.
- The photo below the nav bar should scale to meet the width of the nav
bar.
Left column:
- The logo is a fixed size.
- The text below should wrap to fill the space available between the fixed
page width and the right column's actual (computed) width.
I see only three options:
- Break down and use a table
- Have the thing that generates the nav-bar also generate its size, and
write that into the css, making THAT dynamic too
- Something else you'll tell me
Any tips? Thanks to all those who selflessly read this group, answering
the same questions over and over...
Jay Levitt