www.webdeveloper.com
Results 1 to 2 of 2

Thread: Positioning on the bottom edge of a container

  1. #1
    Join Date
    Dec 2006
    Location
    Bucharest, Romania
    Posts
    95

    Positioning on the bottom edge of a container

    Hi,

    How can I position an image so that it lies on the bottom edge in both Internet Explorer and Mozilla Firefox?
    Last edited by manyamile; 06-03-2008 at 09:38 AM.

  2. #2
    Join Date
    Jan 2004
    Location
    chertsey, a small town s.w. of london, england.
    Posts
    1,463
    Hi there manyamile,

    have a look at this basic example....
    Code:
    
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
       "http://www.w3.org/TR/html4/strict.dtd">
    <html>
    <head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    
    <style type="text/css">
    #container {
        position:relative;
        width:324px;
        height:525px;
        border:3px double #999;
        margin:auto;
     }
    #container img {
        position:absolute;
        width:100px;
        height:100px;
        padding:5px;
        border:1px solid #f0f;
        background-color:#ccf;
        bottom:0;
        right:0;
     }
    </style>
    
    </head>
    <body>
    
    <div id="container">
    <img src="http://mysite.orange.co.uk/azygous/images/anim1.gif" alt="">
    </div>
    
    </body>
    </html>
    
    coothead

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

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



Recent Articles