View Full Version : CSS problem. Menu is not working.

08-01-2010, 10:12 AM
I have a problem.

In IE7 left "Main Menu" submenus is cut off. Only small pieces apear.

In Mozilla, Opera and IE8 it is working ok.
I don't know what else to do.
Could anybody tell what is the problem?


08-01-2010, 12:18 PM
Your ie7.css has:

div.art-content-layout div.art-layout-cell, div.art-content-layout div.art-layout-cell div.art-content-layout div.art-layout-cell
display: block;
overflow: hidden;
float: left;
clear: right;
margin-bottom: -32000px;
padding-bottom: 32000px;

For your menu, the div with class="art-layout-cell art-sidebar1" therefore has overflow:hidden set and the flyout isn't visible beyond the boundary of the div. There is no overflow applied in style.css which is why the other browsers are OK.

Assuming that the overflow:hidden is required elsewhere then you may want to target that div specifically in your css by giving that div an id and applying overflow:visible to that id.

You also have an extra closing </div> in your markup - check the validator (http://validator.w3.org/check?uri=http://www.kodukomfort.ee/).

08-01-2010, 07:07 PM
Thnx a lot!!!! That did worked.

But now is another problem, submenus seems to be different length.
I tried apply width:100% onto hrefs, but didn't work.
How can i make them same length?

08-02-2010, 11:14 AM
How about setting a fixed width, say width:14em;, to .main-menu ul li?

08-02-2010, 12:27 PM
I was thinking about it.
To make a hack for IE7 only.
But that not really the solution.

But yes, if won't find anything else, i will have to set fixed width.