I have the following HTML file and I am trying to get the RED DIV to align to the bottom of the blue container div, much like the black footer is aligned with the screens bottom. I've done this before, but of course I cannot find the code to reproduce how I did this...
I haven't tested, but I don't think that is what I have in mind. I need the red menutab to remain a variable height (according to it's children text sizes, images, etc). as it stands with my code, the tab is top aligned.
I need that tab menu aligned with the bottom of the blue header, thus the reason I thought I would need to use bottom: 0 but thaqt doesn't seem to work???
#header {
position:relative;
height:somevalue; /* or let it be dependent on the content */
}
#navtabs {
position:absolute;
bottom:0;
left:0; /* or whatever */
height:2em; /* or .. */
}
Now the navtabs will always stay at the bottom of the header div, no matter what the height of the header becomes. Do a google search for ... wait here it is http://stopdesign.com/articles/absolute/