how to overide overflow property

Discussion in 'CSS' started by cryoffalcon, Mar 18, 2012.

  1. #1
    Hi,
    well i was wondering how to overide a overflow = hidden in css, let me give you an example
    e-g: i have some items in a div with class="monkeybo" and monkeybo has overflow hidden, so whatever is inside that div they can't escape out. The items that are inside that div have a tooltip that appears below items so they appear outside the area of div and as overflow is hidden of that div so the tooltip doesn't appear.
    Now the question is how to make the tooltip appear as tooltip and everything is inside that div which has class= monkeybo ^_^
     
    cryoffalcon, Mar 18, 2012 IP
  2. Deluxious

    Deluxious Greenhorn

    Messages:
    32
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    18
    #2
    You can't really override a parent container's overflow property (without actually changing it). So any children of that div outside of its display area will be cut off. However, as long as the height of the parent div isn't fixed, it should automatically adjust itself to accommodate the increased height of its children. If "monkeybo" needs to be a fixed-height div, then you may need to have the tooltip elements reside outside of the monkeybo div entirely (i.e. not its children). Hope this helps you.
     
    Deluxious, Mar 19, 2012 IP
  3. cryoffalcon

    cryoffalcon Peon

    Messages:
    102
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Well yes it is helpful i did that in a bit different manner by adding extra padding to the bottom but that is what i didn't wanted to do, i wanted to find a way to go against the Will of parent but i guess even !important has failed me ^_^
    thanks for your reply.
     
    cryoffalcon, Mar 19, 2012 IP