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 4 of 4
  1. #1
    New Coder
    Join Date
    Apr 2013
    Location
    Germany
    Posts
    41
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Exclamation aligning <div> to the very bottom of the page

    Is it possible? I don't care the language (HTML or CSS) but I want help to align it to the bottom. My code is:
    Code:
    <div align="center" class="body-bottom-2">
    <table border="0" cellpadding="0" cellspacing="0" height="32" width="100%">
    <tr valign="bottom">
    <td align="left"><table border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td><div class="footer-l">&nbsp;<a href="/more-games.html">More Games</a> &bull; <a href="/more-guides.html">Mario Guides</a></div></td>
    </table></td>
    <td align="right"><table border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td><div class="footer-r">&nbsp;<label>Website created by Name User.</label>&nbsp;</div></td>
    </table></td>
    </table>
    </div>
    Here's my CSS code:
    Code:
    .body-bottom-2 {
        height: 32px;
        background:url(/resources-backups/body-bottom-2.gif);
    }
    .footer-l {
        font-size:11px;
        border-top:solid #000000 2px;
        border-right:solid #000000 2px;    
        background-color:#90c0f8;
    }
    .footer-r {
        font-size:11px;
        border-top:solid #000000 2px;
        border-left:solid #000000 2px;    
        background-color:#90c0f8;
    }

  • #2
    Senior Coder
    Join Date
    Jan 2011
    Location
    Missouri
    Posts
    4,038
    Thanks
    23
    Thanked 589 Times in 588 Posts
    <div align="center" class="body-bottom-2" style="position:absolute;bottom:0;">
    Evolution - The non-random survival of random variants.

  • #3
    New Coder
    Join Date
    Jun 2013
    Posts
    34
    Thanks
    1
    Thanked 2 Times in 2 Posts
    You can use top-margin property, but better way is to use position and bottom property as mentioned by sunfighter.

  • #4
    Senior Coder
    Join Date
    Sep 2010
    Posts
    1,903
    Thanks
    15
    Thanked 226 Times in 226 Posts
    Just as there are top and left attributes in css, there is also bottom and right. That's how those little clickable 'stickies' are kept on the right or left side of a page. Those are very nice as they keep some function visible without being obtrusive.
    Welcome to http://www.myphotowizard.net

    where you can edit images, make a photo calendar, add text to images, and do much more.


    When you know what you're doing it's called Engineering, when you don't know, it's called Research and Development. And you can always charge more for Research and Development.


  •  

    Tags for this Thread

    Posting Permissions

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