no float:bottom -- what can be used instead??

hi,

pls take a look,
http://www.mayacove.com/misc/ss_html.gif

I need the blue image ("reading is fundamental") to be at the bottom...

the hight of content at the left will vary, but that image needs to be
right on top of footer links, not "hanging" from links on the right.

the whole thing is done in a table and I just would like to be put the
blue img in a div and somehow tell it to valign the div to the bottom
(put height="100%" for the table on the right, hoping it would stretch
that table down to cover height of content on the left, but it's being
ignored.. yes I know, this is not good practice, but trying anything
that works at this point..)

I can't put the blue img in row where footer links are, b/c then it
would look like this: http://www.mayacove.com/misc/ss_html2.gif (lines a
bit rough here, just dragged it down to show what I mean..)

thank you..

On 2008-03-18, maya <maya778899 (AT) yahoo (DOT) com> wrote:

hi,

pls take a look,
http://www.mayacove.com/misc/ss_html.gif

I need the blue image ("reading is fundamental") to be at the bottom...

the hight of content at the left will vary, but that image needs to be
right on top of footer links, not "hanging" from links on the right.

the whole thing is done in a table and I just would like to be put the
blue img in a div and somehow tell it to valign the div to the bottom
(put height="100%" for the table on the right, hoping it would stretch
that table down to cover height of content on the left, but it's being
ignored.. yes I know, this is not good practice, but trying anything
that works at this point..)

I can't put the blue img in row where footer links are, b/c then it
would look like this: http://www.mayacove.com/misc/ss_html2.gif (lines a
bit rough here, just dragged it down to show what I mean..)

thank you..

You need to use absolute positioning. Set the image's container to
position: relative, and set the image to position: absolute and bottom:
0.

If the container is a table cell this isn't going to work in Firefox (it
doesn't let table cells be positioned containing blocks).

You can use vertical-align: bottom on table cells but it's difficult to
know exactly what structure you've got as you haven't posted a URL.

Ben C wrote:

On 2008-03-18, maya <maya778899 (AT) yahoo (DOT) com> wrote:
hi,

pls take a look,
http://www.mayacove.com/misc/ss_html.gif

I need the blue image ("reading is fundamental") to be at the bottom...

the hight of content at the left will vary, but that image needs to be
right on top of footer links, not "hanging" from links on the right.

the whole thing is done in a table and I just would like to be put the
blue img in a div and somehow tell it to valign the div to the bottom
(put height="100%" for the table on the right, hoping it would stretch
that table down to cover height of content on the left, but it's being
ignored.. yes I know, this is not good practice, but trying anything
that works at this point..)

I can't put the blue img in row where footer links are, b/c then it
would look like this: http://www.mayacove.com/misc/ss_html2.gif (lines a
bit rough here, just dragged it down to show what I mean..)

thank you..

You need to use absolute positioning. Set the image's container to
position: relative, and set the image to position: absolute and bottom:
0.

If the container is a table cell this isn't going to work in Firefox (it
doesn't let table cells be positioned containing blocks).

You can use vertical-align: bottom on table cells but it's difficult to
know exactly what structure you've got as you haven't posted a URL.

thank you.. I solved prob by taking out the table and simply adding
another row for that img (and putting 'rowspan=2' in adjacent <td>) like
that I put "valign=bottom" in 2nd row where that img is.. and that was
it....

but interesting what you suggest.. I had thought you cannot position any
element absolutely inside an element that is not itself positioned
absolutely..


thank you very much..

maya wrote:

I had thought you cannot position any
element absolutely inside an element that is not itself positioned
absolutely.

Take that statement and delete the last word, then you're closer to the
truth. Now go read
http://brainjar.com/css/positioning/

--
Berg