Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 7 of 7
  1. #1
    New Coder
    Join Date
    Nov 2010
    Posts
    19
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Question Div hiding behind another div

    Hi

    I am creating new site using divs.. all going file but I have a small problem. Please look at the following image.



    I want live help section to look like in the above image. Notice it's top part overlapping menu bar. But when I give #RightColumn{margin: -10;} it shifts up but it goes behind of the menu bar. I want it to be on top. Please see the link for the web page.

    http://www.abhi3d.com/abhi/new/index.php

    Thanks in advance.

    Abhi

    P.S: I am learning "CMS made simple" currently. I am very new to it. is it possible to convert this site into CMS made simple? how?

  • #2
    Senior Coder
    Join Date
    Aug 2010
    Location
    High Point, NC
    Posts
    3,338
    Thanks
    5
    Thanked 363 Times in 360 Posts
    Try adding a z-index to the same div's style rule. z-index=1

  • #3
    New Coder
    Join Date
    Nov 2010
    Posts
    19
    Thanks
    2
    Thanked 0 Times in 0 Posts
    No I tried that also.. It's not working...

  • #4
    New Coder
    Join Date
    Nov 2010
    Posts
    19
    Thanks
    2
    Thanked 0 Times in 0 Posts
    I expect solution from the great "abduraooft".

    Thanks

  • #5
    New to the CF scene
    Join Date
    Nov 2010
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Positon Absolute

    Pls add the below code in the div # RightCloumn..

    #RightColumn {
    Position:absolute;
    top:260px;
    right:167px;
    }

    Its working fine for me..try this.

  • #6
    Senior Coder
    Join Date
    Feb 2009
    Location
    Ilkley, West Yorkshire, UK
    Posts
    2,955
    Thanks
    9
    Thanked 726 Times in 720 Posts
    Currently you can't see the top of that div because both #RightBG and #ContentsContainer have overflow:hidden. Remove those settings and it's fine.

    If you can't remove those settings then saro's absolute positioning solution is fine - although I'd probably apply position:absolute to #LiveHelp and position:relative to #RightColumn

  • Users who have thanked SB65 for this post:

    abhi3d (11-17-2010)

  • #7
    New Coder
    Join Date
    Nov 2010
    Posts
    19
    Thanks
    2
    Thanked 0 Times in 0 Posts
    Wow Thanks SB65.. it worked great...


  •  

    Posting Permissions

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