SitePoint Sponsor

User Tag List

Results 1 to 2 of 2

Thread: vertical align

  1. #1
    SitePoint Addict
    Join Date
    Sep 2006
    Posts
    238
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    vertical align

    Hello

    How would I align the red box to the bottom?
    http://i.imgur.com/AOQsl.jpg

  2. #2
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,535
    Mentioned
    182 Post(s)
    Tagged
    6 Thread(s)
    Hi,

    It all depends on the dynamics of the page.

    I could give you code to do that effect but it would be nonsense without knowing what else was going to be going on on those sections and why that element needs to be at the bottom.

    Fir example the red box could be placed absolutely at the bottom of that div by using position:relative on the parent and then positioning the child at bottom:0. Of course that removes it from the flow and would be no good unless it was always a fixed height box so that you could preserve the space with some padding on the parent.

    Here's some very old demos that may point you in the right direction.

    Text at Bottom
    Untitled Document
    Vertical-align an element of unknown height
    Vertical-align an element of unknown height
    Vertical-align an element of unknown height


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •