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 4 of 4
  1. #1
    Regular Coder
    Join Date
    Feb 2012
    Location
    Nebraska, USA
    Posts
    132
    Thanks
    8
    Thanked 19 Times in 19 Posts

    Question Issue with Overflow:Auto & Absolutely Positioned Divs

    Hello!

    I've noticed a small issue that I haven't ever run into before. I have a div which has the property of overflow:auto; - inside of that div there is a child that has a position of absolute in order to get it to display outside of the parent (negative top margin);

    (The issue is with the box that displays the title)

    It should look like this:


    however when I apply the overflow:auto; property to the parent div I'm getting results which look like this:


    the difference is that it's now restricting the div display to the inside of the parent div. Z-indexing isn't helping it display above it.

    Any ideas?
    Last edited by dylanbaumannn; 08-06-2012 at 05:39 PM. Reason: edit for clarity

  • #2
    Regular Coder
    Join Date
    Jul 2012
    Location
    London
    Posts
    473
    Thanks
    4
    Thanked 86 Times in 86 Posts
    Hmm, do you have a website I can look at?

  • #3
    Regular Coder
    Join Date
    Feb 2012
    Location
    Nebraska, USA
    Posts
    132
    Thanks
    8
    Thanked 19 Times in 19 Posts
    Quote Originally Posted by tempz View Post
    Hmm, do you have a website I can look at?
    it's currently having live changes made to it (this is a new skin being applied to an old site) so the entire structure will be moving around throughout the week, but that right bar (the side that's having the issue) will be on every page.

    2012.parentsavvy.com/home/

    dont' forget the "/home/" because the default index.cfm will reroute you to the current live site

  • #4
    Regular Coder
    Join Date
    Feb 2012
    Location
    Nebraska, USA
    Posts
    132
    Thanks
    8
    Thanked 19 Times in 19 Posts
    Quote Originally Posted by tempz View Post
    Set the outer div to

    Code:
    ---------
    z-index:-999;
    ---------
    Email Div


    Code:
    ---------
    z-index:1;
    ---------


    for the record, negative z-indexing is a terrible idea.


  •  

    Tags for this Thread

    Posting Permissions

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