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

    Internet Explorer CSS + Nested UL in IE problem

    I'm building a site which worked initially as a static page but when I integrated it with Drupal it went crazy on me. I've been able to fix almost everything but I can't figure out how to get tame the issue IE(7) is producing when it comes to the nest UL

    In every other browser the menu looks fine but in IE7 the left hand menu vertically collapses and I can't seem to force the height properly either.

    Any help would be greatly appreciated.

    I have the following code working just fine in IE7 but can't identify where I/Drupal broke it on the above live version


    <ul>
    <li><a href="landing1.html">Home</a></li>
    <li><a href="article.html">Television</a></li>
    <li><a href="">Film</a>
    <ul>
    <li><a href="">In Production</a></li>
    <li><a href="">Released</a>
    <ul>
    <li><a href="">Passchendaele</a></li>
    <li><a href="">Under The Sea</a></li>
    </ul>
    </li>
    </ul>
    </li>
    <li><a href="">Digital Media</a></li>
    <li><a href="">News</a></li>
    <li><a href="">About</a></li>
    <li><a href="">Contact</a></li>
    </ul>


    FIXED: Had to add display:inline-block to the nested UL
    Last edited by twhiteley; 12-10-2010 at 05:30 PM. Reason: Fixed the issue


 

Tags for this Thread

Posting Permissions

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