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

Collapse
This topic is closed.
X
X
Collapse
 
  • Page of 1
  • Time
  • Show
Clear All
new posts
Previous template Next
  • maya
    #1

    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..





    Tags: None
    • Ben C
      #2
      Re: no float:bottom -- what can be used instead??

      On 2008-03-18, maya <maya778899@yah oo.comwrote:
      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.

        Comment

        • maya
          #3
          Re: no float:bottom -- what can be used instead??

          Ben C wrote:
          On 2008-03-18, maya <maya778899@yah oo.comwrote:
          >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=bot tom" 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..








            Comment

            • Bergamot
              #4
              Re: no float:bottom -- what can be used instead??

              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
              BrainJar.com: CSS Positioning
              http://brainjar.com/css/positioning/


              --
              Berg

                Comment

                Previous template Next
                Working...