SitePoint Sponsor

User Tag List

Results 1 to 6 of 6

Threaded View

  1. #1
    SitePoint Addict
    Join Date
    Jan 2001
    Location
    Ottawa ON
    Posts
    315
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    position:absolute;top:100%;position:relative;top:-20px;


    #bar_bottom {position:absolute;top:100%;background-color:blue;}


    That is the code that I currently have on my page. It takes bar_bottom (which is a div tag that spreads across the entire page) and puts it at the bottom of the page. However, it puts that tag *just* below the bottom of the page so that there will always be a scroll bar. I want to move this object up about 20px.

    How would I do both of the following:
    position:absolute;top:100%;
    position:relative;top:-20px;

    to one element? I want to move it down 100% from the top of the page, and I also want the object to be 20px higher than it normally would be.

    The example (only works in IE5) is at http://rideau.prowsej.com/RHS0.4/main/

    Please see the bar on that page at the extreme bottom of the window.

    Edit: Sometimes I don't notice that I've copied the URL and it contains localhost instead of the domain
    Last edited by prowsej; Jun 9, 2001 at 16:24.


Bookmarks

Posting Permissions

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