css stack order problem

Discussion in 'CSS' started by mikee.jk, Apr 17, 2008.

0
  1. #1
    hi guys,

    thank you for the support you are giving.

    I have a problem of stacking order of elements.
    Its a browser compatible issue.

    It does not work well in IE

    can anyone help me out.

    This is the website add:

    http://dipsi.in/test/test.htm
     
    mikee.jk, Apr 17, 2008 IP
  2. jordanthegreat

    jordanthegreat Active Member

    Messages:
    390
    Likes Received:
    6
    Best Answers:
    0
    Trophy Points:
    58
    #2
    The problem is because #sec comes further down in your html and so it gets put to the top. What you can do is this (im not sure how this would interfere with the rest of your plans though).

    Place <div class="menubox"> inside of <div class="content">.

    In your CSS, change #pri .banner .menubox li { to #sec .content .menubox li { and add:

    
#sec .content .menubox ul {
margin-top: -20px;
}
    Code (markup):
    Play with the -20px to get the images in the exact position over the line that you want.
     
    jordanthegreat, Apr 17, 2008 IP
  3. mikee.jk

    mikee.jk Peon

    Messages:
    21
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Hi,

    thanks for the support

    I just changed My coding it works well


    but the issue is its not working with IE6..

    I am just looking to figure out whats the problem is and if u find the solution just post me
     
    mikee.jk, Apr 18, 2008 IP