SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    SitePoint Member
    Join Date
    May 2005
    Posts
    1
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Bottom-right div

    I'm trying to get a div to align itself to the bottom-right corner of its parent, but it's proving excessively difficult.

    Want I would ideally have:
    http://bg.rifetech.com/mockup.png

    What I've tried:
    http://bg.rifetech.com/test.html
    http://bg.rifetech.com/test2.html
    http://bg.rifetech.com/test3.html

    Nothing seems to get the text wrapping around the yellow boxed div while aligning it to the bottom-right corner.

    Any suggestions would be greatly appreaciated.

  2. #2
    Caveat surfer Buddy Bradley's Avatar
    Join Date
    May 2003
    Location
    Cambridge, UK
    Posts
    2,366
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I don't think that's possible - you're trying to float the element to the bottom of its container, but floats will always move up as far as they can.

    The nearest you could get would be to absolutely position it using "bottom: 0; right: 0" and then apply a right margin to the text; but then you would have space above the DIV.


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
  •