I have a layout, which uses FRAMES
Code: Select all
------------------------------------------
| Frame A |
|----------------------------------------|
| | |
| | |
| | |
| Frame | Frame C |
| B | |
| | |
| | |
| | |
------------------------------------------
I have reasons to use frames...it's for a web application not a web site...so SEO isn't important.
If you have ever worked with Outlook, this layout will look familiar.
Frame B will look something like:
Code: Select all
|-------------------------|
| My Projects: Test1 [^] |
|-------------------------|
| - Home |
| + Some Item |
| + Someother Items |
| - Show Child Items |
| + Some more Items |
| |
| |
| |
| |
| |
| |
---------------------------
| Tab 1 | Tab 2 | Tab 3 |
---------------------------
God that was annoying typing out...I should have just done it in my editor and pasted

ah well
Anyways, you can see the
FRAME B is a tree control, similar to that found in many Windows programs...
The tabs at the bottom *MUST* be aligned with the bottom of the screen or it's parent and it's parent must be the height of it's parent, etc...
The tabs are aligned at the bottom for aesthetics only, but this cannot be accomplished through CSS alone as I have tried and tried to set the height using height: 100% and DIV's only seem to take the height of their content or their container height, but there is no way of making the ROOT element 100% the visible screen height, etc...that I could figure out anyways...
In 2 column designs or 3, etc...using CSS this is a common problem faced by many designers...as for aesthetics it looks nicer to have the entire column appear to render from top to bottom...but this cannot be done using strictly CSS
So many designers use a technique called faux columns where they use a background image and repeat it along the BODY of an HTML document...great for fixed columns....but i'm using FRAMES (for another technical reason) and therefore my columns aren't fixed...they're dynamic in width...
That and the fact that the TABS at the bottom of the CSS *should* be aligned to the bottom of the parent element...
If Javascript is disabled...those tabs are still visible and functional...but they kill the design if the tree is empty...and because I am using FRAMES...only the tree view section of the Frame B should be visible...the project drop down box should not be included in that scrolling window...so I need to be able to calculate the the height of the tree control and set
display: scroll or something...
Anyways...I'm sure you get my point of what I am trying to do...
I would be super happy if someone showed me how I was wrong...or my design was flawed...but I don't think what I am trying to do is possible in CSS...without a mixture of javascript candy
Anyone???