Fixing a div to bottom of the page


Can anybody help me how to fix a div to bottom of the page, irrespective of the html. i used this code

#recom {
postion: absolute;
bottom: 0px;

but this is not working. some body pls help me…

Also add :

html, body {
  height: 100%;

If you are looking for a sticky footer type of layout then you can do it like this.

Or If you want an element just at the bottom of another element you can use this.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
<html xmlns="">
    <title>Test layout</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <style type="text/css">
     * {
       margin: 0;
          html, body {
       height: 100&#37;;
   .container {
       min-height: 100%;
       height: auto !important;/*makes the container exceed the full height of the page.*/
       height: 100%;
       margin: 0 auto -4em;
       border:1px dotted #444;
   .Footer, .clearer {
       height: 4em;

 <div class="container">
           <p>This is Example text. Your Header is here.</p>
            <div class="clearer"></div>
        <div class="Footer">
             <p> This is your Footer text.</p>

You can use my Example also if needed. It’s a sticky header and a sticky footer. :slight_smile:

hi thanks dude…

i was look to print an element below the other… it works in static html page…

But i want it in a word press, i hve a div to be printed below a post. is it possible…

when i used ur method it works perfectly in ie 6, but not in ff… can u help me pls

Now your requirements have differed completely from your original post. How about either a link to an example online where it works in IE6, or the full html and css of that example so we can see exactly what you are after and can advise accordingly.