Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 5 of 5
  1. #1
    New Coder
    Join Date
    Mar 2010
    Posts
    24
    Thanks
    6
    Thanked 0 Times in 0 Posts

    Vertical-align bottom issue

    I know the vertical-align attribute behaves differently for table cells and divs, but I've always had issues with it.

    On this page:
    http://www.grimm-aerosol.ca/

    In the red dotted bordered div, I want the content to be aligned to the bottom vertically so it meets with the edge of the left photo frame.

    Is there an easy way to do it without resorting to table? I've been trying to leave tables out of my designs entirely lately.

    Thank you!

  • #2
    Regular Coder optimus203's Avatar
    Join Date
    Sep 2008
    Location
    CT
    Posts
    317
    Thanks
    22
    Thanked 16 Times in 15 Posts
    Your link isn't loading up for me.
    Always thank those CF Users who help you solve issues...
    Connecticut Web Design

  • #3
    New Coder
    Join Date
    Mar 2010
    Posts
    24
    Thanks
    6
    Thanked 0 Times in 0 Posts
    The DNS are having issues atm, if you refresh once or twice it'll load.

    I'm not even sure what the problem is, I'm hosting about 12 other sites on the server without issue, but this domain was bought with netfirms and it took 48hrs for new DNS to propagate. Really ****ty.

  • #4
    New to the CF scene
    Join Date
    Jun 2010
    Location
    China
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts
    It still not load.

  • #5
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,801
    Thanks
    160
    Thanked 2,216 Times in 2,203 Posts
    Blog Entries
    1
    Here you go...
    Code:
    <div class="latestnews">
    <div>
    <h1>Latest News</h1>
    <p>Our new website has been launched. Grimm Aerosol will be present at the NAME conference in Calgary on DATE.</p>
    <br>
    <p>Our particulate rack mount monitor are currently a candidate for US EPA, PM 2.5, Class III,
    equivalent method designation.</p>
    </div>
    </div>
    Code:
    div.latestnews{
    position:relative;
    }
    div.latestnews div{
    position:absolute;
    bottom:0;
    left:0;
    }
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • Users who have thanked abduraooft for this post:

    FrancisK7 (06-17-2010)


  •  

    Posting Permissions

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