SitePoint Sponsor

User Tag List

Results 1 to 5 of 5

Thread: need some help

  1. #1
    SitePoint Member
    Join Date
    Jun 2003
    Location
    Cincinnati
    Posts
    3
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    need some help

    Ok I have the following header div which creates a title bar across the top of the page:

    #Header {
    width:100%;
    margin:50px 0px 15px 0px;
    padding:50px 0px 0px 100px;
    height:120px;
    border-style:solid;
    border-color:#317023;
    border-width:1px 0;
    background-color:#F8F8F8;
    background-image: url(\images\greenblocks.gif);
    background-repeat:no-repeat;
    background-position:left;
    }

    Now my problem is, I'm trying to overlay a graphic which should stay flush with the right margin, and inside the header. Now if I do this:

    #headerGfx {
    position:absolute;
    top:51px;
    left:70%
    width:290px; //width of the image
    height:118px; //height of the image
    background-image:url(\images\forest.jpg);
    background-repeat:no-repeat;
    }

    The problem is it will not stay flush if I turn my screen resolution up. I'm new to CSS, let me know what I'm doing wrong?

  2. #2
    ☆★☆★ silver trophy vgarcia's Avatar
    Join Date
    Jan 2002
    Location
    in transition
    Posts
    21,236
    Mentioned
    1 Post(s)
    Tagged
    1 Thread(s)
    If you want your overlaid graphic to stay with the right side of your screen, then use the "right" property to position it rather than "left".

  3. #3
    SitePoint Member
    Join Date
    Jun 2003
    Location
    Cincinnati
    Posts
    3
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I think you misunderstood my question. I have two graphics: the background image of #Header is aligned to the left (which is fine), the problem is with the #headerGfx overlay...I can't get it to stay flush to the right.

  4. #4
    SitePoint Member
    Join Date
    Jun 2003
    Location
    Cincinnati
    Posts
    3
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Ohhhh, nevermind Sorry I'm retarded...thanks for your help vgarcia!

  5. #5
    ☆★☆★ silver trophy vgarcia's Avatar
    Join Date
    Jan 2002
    Location
    in transition
    Posts
    21,236
    Mentioned
    1 Post(s)
    Tagged
    1 Thread(s)
    No problem


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
  •