Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS overflow-y not behaving as expected

  • This topic is empty.
Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #31850
    shavenraver
    Member

    Overflow-x:hidden;
    Overflow-y:visible;

    on a parent div doesn’t work as I’d expect.

    The child div has more height, but Instead of allowing an overlap, it adds a vertical scrollbar.

    A simple

    overflow:visible

    allows child div to overlap

    Same in Chrome and Firefox

    #137617
    jurek
    Member

    Hi,
    have the same issue 2 years later and i don’t know how to solve it.
    Here’s a pen for a better understanding: http://cdpn.io/LbgmG

    thanks guys ;)

    #137618
    Paulie_D
    Moderator

    Here’s my question.

    What are you trying to do? If you want the child content visible, why are you limiting the height of the parent?

    #137619
    jurek
    Member

    should be a slider with an absolut positioned element “outside” the slider.

    Here a screenshot: http://www.jurekbarth.de/slider_example.jpg

    I’m using the woothemes flexslider for it, if this helps ;)

    #137621
    Paulie_D
    Moderator

    I doubt this has anything to do with overflow at all then.

    #137623
    jurek
    Member

    when it is set to overflow hidden the yellow box is cutting off. when i set it to overflow visible its okay, but then i get a horizontal scrollbar.

    And now there are overflow-x and overflow-y. When i try to set overflow-x to hidden and overflow-y to visible its not working, because i’ll get a vertical scrollbar. Do you understand?

    I can fix it with adding an overflow: hidden to the “page-wrap”, but i think thats not the best way solving such problems….

    #137624
    Paulie_D
    Moderator

    Frankly I think a live link would be the best option so we can see it working (or not).

Viewing 7 posts - 1 through 7 (of 7 total)
  • The forum ‘CSS’ is closed to new topics and replies.