I'm obviously missing something, but from studying the ascii diagram I don't see what the problem is? 3 columns with defined heights, widths, and margins. What's the thing I'm missing?
Complete example:
<style type="text/css">
body {
height: 100%;
display: "a . b . c" /2em
". . . . ." /1em
"d . e . f"
". . . . ." /1em
"g . h . i" /2em
5em 1em * 1em 10em}
#logo {position: a}
#motto {position: b}
#date {position: c}
#main {position: e}
#adv {position: f}
#copy {position: g}
#about {position: h}
</style>What if I wanted to associate #logo with 'a' but wanted to offset it some. Logically I would want to do something like:
#logo { location: a; position: relative; top: 5px; }
What would the proposed way of accomplishing this be?
It's only a draft. Everything may change.