Getting a div to run top to bottom over graphics

Discussion in 'CSS' started by WebMagic, Nov 5, 2008.

  1. #1
    Hi,
    I need to design a page which is fairly conventional, banner graphic, div for navigation, content and a footer. The only problem is that it needs an 18mm wide stripe going down the left hand edge of the page from the very top to base. A faux column approach won't work here as there are too many colour shifts running down the page. At the moment I am not sure how to get a div to sit on top of all the other elements rather than pushing them out the way.
    This is a piece of cake using a table, but I don't want to admit defeat.
    J
     
    WebMagic, Nov 5, 2008 IP
  2. wd_2k6

    wd_2k6 Peon

    Messages:
    1,740
    Likes Received:
    54
    Best Answers:
    0
    Trophy Points:
    0
    #2
    You could use positioning to position your stripe so the CSS would be:

    .stripe {width:xxpx; height:xxpx; position:absolute: top:0px: left:10px;}

    Then change the values to your suiting. This is only if the height is known.
    The other is to put everything in a WRAP and then add the image as a background to the wrap.
     
    wd_2k6, Nov 6, 2008 IP
  3. justinlorder

    justinlorder Peon

    Messages:
    4,160
    Likes Received:
    61
    Best Answers:
    0
    Trophy Points:
    0
    #3
    I will fix it for you .
    Pls give out my html or css code . Or you can give me a link .
     
    justinlorder, Nov 7, 2008 IP
  4. mahendra rajeshirke

    mahendra rajeshirke Active Member

    Messages:
    402
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    60
    #4
    u have to set positioning
     
    mahendra rajeshirke, Nov 7, 2008 IP