Positioning on the bottom edge of a container

**manyamile** · 06-03-2008 09:34 AM

Hi,

How can I position an image so that it lies on the bottom edge in both Internet Explorer and Mozilla Firefox?

**coothead** · 06-03-2008 09:58 AM

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: Positioning on the bottom edge of a container

Thread Tools

Display

Positioning on the bottom edge of a container

Thread Information

Users Browsing this Thread

Bookmarks

Bookmarks

Posting Permissions