SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Member
    Join Date
    Sep 2012
    Posts
    2
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Question Dropdown clipping - is this overflow:hidden, and if so, any solution is welcome

    Hi Guys

    I hope you can help me with the following problem:

    http://test13.linde-media.dk/shop/pr...egori/groente/

    On this test site I have a dropdown-navigation to the left. The problem is, that the menu is clipped when it reaches the footer-widget elements.

    I've heard that overflow:hidden might cause this in some situations, but I cannot see the problem.
    Any help would be appreciated!

  2. #2
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,467
    Mentioned
    182 Post(s)
    Tagged
    6 Thread(s)
    HI,

    Yes its the overflow:hidden on #inner that cuts the menu short. Remove the overflow:hidden and use another clearing mechanism.

    e.g.

    Code:
    #inner {
        margin: 0 auto;
      /*  overflow: hidden;*/
        padding-top: 10px;
     zoom:1.0;/* IE7 and under */
    }
    #inner:after{
    	content:".";
    	display:block;
    	height:0;
    	clear:both;
    	visibility:hidden;	
    }

  3. #3
    SitePoint Member
    Join Date
    Sep 2012
    Posts
    2
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    That was indeed the solution - thank you for your fast response!

    I will refrain from using overflow:hidden when possible from now on.

  4. #4
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,295
    Mentioned
    460 Post(s)
    Tagged
    8 Thread(s)
    Quote Originally Posted by hauthorn View Post
    I will refrain from using overflow:hidden when possible from now on.
    It's usually the best solution, from what I can tell. Just watch out for the occasional situation like this where content does need to hang out of the cantainer.


Tags for this Thread

Bookmarks

Posting Permissions

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