bottom distance

Discussion in 'CSS' started by promotingspace.net, Feb 10, 2008.

  1. #1
    Hi
    I want an image displayed at the bottom of a page. I used obsolute position with bottom=0:
    {
    position:absolute;
    left:5px;
    bottom:0px
    }
    Code (markup):
    but it appears at the bottom of the user's screen not the page. is there a solution?
    please visit my code result at:http://rooyekhat.net/projects/meraj.html
    thanks
     
    promotingspace.net, Feb 10, 2008 IP
  2. mercy571

    mercy571 Peon

    Messages:
    21
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    i dont understand ur page!
    where should i put this picture? (/projects/images/pic_06.jpg)
    explain what do you want to do exactly?
    *try not 2 use tables.
     
    mercy571, Feb 10, 2008 IP
  3. YIAM

    YIAM Notable Member

    Messages:
    2,480
    Likes Received:
    240
    Best Answers:
    0
    Trophy Points:
    280
    #3
    try this
    body {background:url(imagepath/image.name) no-repeat bottom left;}
     
    YIAM, Feb 10, 2008 IP
  4. Dan Schulz

    Dan Schulz Peon

    Messages:
    6,032
    Likes Received:
    436
    Best Answers:
    0
    Trophy Points:
    0
    #4
    What you need to do is set the element's parent's position to relative so that when the element is positioned absolutely, it'll be done so relative to its container instead of the browser screen.
     
    Dan Schulz, Feb 10, 2008 IP