Hi George,
First of all, that is one very nice looking site!
CSS-driven vertical alignment does not work on block level elements. For the
definitive answer (from Eric Meyer's "Cascading Stylesheets Programmers
Reference"):
<quote>
Vertical-align determines the alignment of text within a line or within a
table cell.
</quote>
There are ways you can trick a block level element using line-height set to
the same height as the containing box and then setting the text to
vertical-align: bottom. It involves a lot of stuffing around and at least
one extra level of nesting (with a span or an additional div). Happy to send
a rough sample if you want to give it a try.
Another option which is supported by every browser except Win and Mac IE
(which immediately kills it for any commercial use) is "display:
table-cell". You can then use a rule set like:
#container
{
display: table-cell;
height: 100px;
background-color: #3CF;
vertical-align: bottom;
}
So, I reckon (and could be wrong) that you're probably far safer using
tables in this instance. Sorry : (
Anyone else got a solution?
Russ
>
> Can this be achieved without tables?
>
*****************************************************
The discussion list for http://webstandardsgroup.org/
*****************************************************
