...

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



vadimv82
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?

www.kodukomfort.ee

SB65
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/).

vadimv82
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?

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

vadimv82
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.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum