Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 5 of 5
  1. #1
    New to the CF scene
    Join Date
    Aug 2010
    Posts
    3
    Thanks
    1
    Thanked 0 Times in 0 Posts

    CSS problem. Menu is not working.

    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

  • #2
    Senior Coder
    Join Date
    Feb 2009
    Location
    Ilkley, West Yorkshire, UK
    Posts
    2,950
    Thanks
    9
    Thanked 724 Times in 718 Posts
    Your ie7.css has:

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

  • Users who have thanked SB65 for this post:

    vadimv82 (08-01-2010)

  • #3
    New to the CF scene
    Join Date
    Aug 2010
    Posts
    3
    Thanks
    1
    Thanked 0 Times in 0 Posts
    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?
    Last edited by vadimv82; 08-01-2010 at 06:10 PM.

  • #4
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,851
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    How about setting a fixed width, say width:14em;, to .main-menu ul li?
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #5
    New to the CF scene
    Join Date
    Aug 2010
    Posts
    3
    Thanks
    1
    Thanked 0 Times in 0 Posts
    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.


  •  

    Posting Permissions

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