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

HTML & CSS
1

Hi Guys

I hope you can help me with the following problem:

http://test13.linde-media.dk/shop/produkt-kategori/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

HI,

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

e.g.


#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

That was indeed the solution - thank you for your fast response!

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

4

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. :slight_smile: