10 Replies Latest reply on Apr 2, 2010 11:22 AM by hans-g.

    Dynamic position of an image at the right bottom of the browser window

    MissyMoh

      Dear Dreamweaver-community,

       

      I'm trying to have an image positioned at the bottom right of a html-page. It is embedded in a table so that it doesn't interfere with the rest of the site's content (which it would if I simply used an absolute position). The height of the table is height=100% and I thought that this would make sure that if the browser window is being dragged smaller or bigger the image stays at the bottom right (just as the content stays centered if you set the width of a table to 100% and center it). But if you make the browser window higher the image won't keep sticking to the right bottom but will stay in one place while the rest of the page (bottom) is simply filled with the black background color. Do you have any ideas what I'm missing out on? Is there something like a valign-tag for a table or the page's body that dynamically keeps the image at the bottom right position no matter how you change the size of the window? I hope you can help me. Thank you!

       

      Missy

       

      Here's the code:

       

      <body bgcolor="#000000">
      
      <center>
      
      <!-- Start Content-Tabelle -->
      <TABLE BGCOLOR="#000000" BORDER=0 CELLPADDING=0 CELLSPACING=0 width=100% height=100%>
           <TR>
                <TD width=100% align=center valign=top>
                     <p> </p>
                  <IMG SRC="images/kopf.jpg" width=300>
                </TD>
           </TR>
           <TR>
                <TD width=100% align=center valign=top>
                     <IMG SRC="images/text.jpg" width=394>
                </TD>
           </TR>
           <TR>
                <TD width=100% align=center valign=top>
                     <a href="mailto:xxx@xxx.de"><IMG SRC="images/post.jpg" border=0 width=269></a>
                </TD>
           </TR>
      </TABLE>
      <!-- End Content-Tabelle -->
      <!-- Start Wuerfel-Tabelle -->
      <TABLE BGCOLOR="#000000" BORDER=0 CELLPADDING=0 CELLSPACING=0 width=100% height=100>
           <TR>
                <TD width=100% align=right valign=bottom>
                     <IMG SRC="images/wuerfel.jpg" width=200>
                </TD>
           </TR>
      </TABLE>
      <!-- End Wuerfel-Tabelle -->
      
      </body>