A web project I'm working on (hobby rather than work) needs a very defined fluid layout as follows. It's more of an ajax application than traditional scrolling document.
Basically there are two panes, the left one (with writing in) is surrounded by a custom border. The right pane is fixed width.
The whole thing should fill a page without scrolling.
So to the point, I've got so far with traditional 3 and 4 column layouts which is ok in making the width nice and fluid, however, any attempt at vertical fluidity is stumping me. Current solution is via javascript but I just don't like that as a solution.
So has anyone ever done the same? And don't suggest height:100% because it just doesn't work like that!!!
If only height included margins without using hacks.
Cheers for any help.
Code:
________________________________
| | | | |
|__|_______________|__| |
| | | | |
| | | | |
| | This pane | | |
| | to expand | | |
| | to fill | | |
| | screeen | | |
| | others to be | | |
| | fixed but | | |
| | fluid | | |
|__|_______________|__| |
| | | | |
|__|_______________|__|________|Basically there are two panes, the left one (with writing in) is surrounded by a custom border. The right pane is fixed width.
The whole thing should fill a page without scrolling.
So to the point, I've got so far with traditional 3 and 4 column layouts which is ok in making the width nice and fluid, however, any attempt at vertical fluidity is stumping me. Current solution is via javascript but I just don't like that as a solution.
So has anyone ever done the same? And don't suggest height:100% because it just doesn't work like that!!!
If only height included margins without using hacks.
Cheers for any help.