[WEB4LIB] CSS layout quandry

[Andrew Mutch]

Jimmy,

Try this:

Add a:

float: left;

to the "button" DIV. Also, lose the "Absolute" positioning in the
"Signature" DIV.

That seemed to get the effect you were looking for in both examples.

Andrew Mutch
Library Systems Technician
Waterford Township Public Library
Waterford, MI

Jimmy Ghaphery wrote:

> Gentle readers,
>
> I'm stuck on trying to create a CSS layout for dynamic content.
>
> For now, I'm only dealing with three elements:
> navigation (aligned left)
> content (to the right)
> signature (at the bottom of the page--full width of page)
>
> Here is as close as I can get:
> http://www.people.vcu.edu/~jghapher/css/test1.htm
>
> My problem is that when the content is not as long as the navigation, my
> signature bleeds under the navigation:
> http://www.people.vcu.edu/~jghapher/css/test2.htm
>
> Both pages use the same CSS:
> http://www.people.vcu.edu/~jghapher/css/tables.css
>
> I have validated all of the examples in advance.
>
> Ideally I would like to define each of these in such a way that I could
> change the entire look solely through CSS. For example, if next week I
> want the signature to go in an upper right hot pink box, no sweat.
>
> Thanks for any help,
>
> --Jimmy
>
> --
> Jimmy Ghaphery
> VCU Libraries
>
> Box 842033, 901 Park Ave, Richmond Va. 23284-2033
> phone: 804-828-1103 fax: 804-828-0151
> email: jsghaphe at vcu.edu