I played in a couple of different browsers today and I noticed that
the support for setting 'height' for things such as tables, rows and
cells is still not necessarily 'as to be expected' when rendering a
mark-up page. I have done some reading as to the support in NN for
'bottom' and 'right' CSS properties as well being a bit lacking.
I am interested in building a page that would have some elements that
would follow the browser window if resized with elements both placed
in the top left and in the bottom right. The page will also be
subdivided into the typical 'hockey stick' with navigation bars on the
top and the left and I would be interested in tracking both the top,
left corner and bottom right of those browser window divisions as
well. (basically I want to place images to follow these portions of
the browser to create a resizable center 'window' for the HTML
content)
Something like this:
150px
_________________v________________________________ ______
|[ image ] | [ image ]|
|[ left=0px ] | [ right=-0px ]|
|[ top =0px ] | [ top =0px ]|
| |_____________________________________|
| | |
| | |
| | |
| | |
| | |
| [ image ]| [ image ]|
| [ right=150px ]| [ right =-0px ]|
|_[_bottom=-0px_]|______________________[_bottom=-0px_]|
This is just an example but get's the point across of what I am trying
to do. I prefer to do this with a table filling the entire viewable
area. I am aware I can create div layers and build javascript
routines to move them 'onresize' but I was wondering if there was a
way that was reasonably well supported across different browser
platforms to allow the browser to do this automatically without the
need to manually code it all in.
KL