1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

Offset?

Discussion in 'CSS' started by rockinaway, Apr 4, 2008.

0
  1. #1
    I have attached an image.

    The top half of the image shows my current header. The black box is what I want moving. Currently the header is contained within a table.

    The second half of the image shows what I want done. I want the black box to be to have an offset, so that it moves below the nav bar. I kind of want it to float over all the other stuff but at a lower height.

    Any help in how to do this?
     

    Attached Files:

    If someone posts a solution, use the "Best Answer" link in their post to pick it as the best answer.
    rockinaway, Apr 4, 2008 IP
  2. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,999
    Best Answers:
    253
    Trophy Points:
    515
    #2
    in the CSS for it:
    position:relative;
    top:10px; /* or however far */
    left:0;

    position:relative leaves the 'box' that is used to calculate 'flow' in it's existing spot, so this type of moving doesn't change the rest of the layout - but it does change where it is RENDERED. Usually one shouldn't use position:relative to move an item because it leaves the flow in place - in this case that's EXACTLY the behavior you want.
     
    deathshadow, Apr 4, 2008 Set Best Answer IP
  3. rockinaway

    rockinaway Guest

    Best Answers:
    0
    #3
    No worries, it was a bit more complicated than that... but I sorted it out :) Thanks anyway :)
     
    rockinaway, Apr 5, 2008 Set Best Answer IP