SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Enthusiast
    Join Date
    Jan 2006
    Location
    GC, Australia
    Posts
    56
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    IE doesn't like Suckerfish?

    Well,

    In my continuing battle to create dropDowns with CSS, I set up a new navbar based on the much acclaimed Suckerfish tutorial. Things are looking okay in FF, but all the submenus are offset in IE and I can't figure out why!! The problem is consistent on 3 different servers, so I'm left to assume it's my stylsheet. Can anyone spot any obvious problem(s)?

    theTestPage
    theStyleSheet

    One thing is all the tutorials I've done have the nested lists sitting freely within the <HTML>, while I have placed mine inside a <DIV> and centered that in a #wrapper. Is that wrong?

    L.

  2. #2
    SitePoint Wizard bronze trophy Tyssen's Avatar
    Join Date
    Oct 2005
    Location
    Brisbane, QLD
    Posts
    4,067
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by lorikeet
    One thing is all the tutorials I've done have the nested lists sitting freely within the <HTML>, while I have placed mine inside a <DIV> and centered that in a #wrapper. Is that wrong?
    Putting them inside a containing <div> isn't wrong but putting each link in its own <ul> is certainly unnecessary. Each top level link should be in a <li> that is a descendant of one parent <ul>. Your submenus then go in separate <ul>s.

  3. #3
    SitePoint Enthusiast
    Join Date
    Jan 2006
    Location
    GC, Australia
    Posts
    56
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    You mean this part in the <HTML>?

    <!-- Navbar Div-->
    <DIV ID="topnav">

    <ul>
    <li><a href="#">HOME</a>
    </li>
    </ul>

    <ul>
    <li><a href="#">NEWS</a>
    <ul>
    <li><a href="#">News 2</a>

    <ul>
    <li><a href="#">News 3</a></li>
    <li><a href="#">News 3</a></li>
    <li><a href="#">News 3</a></li>
    </ul>
    </li>
    </ul>

    </li>
    </ul>
    That's how things were structured in the http://www.seoconsultants.com/css/menus/horizontal/ tutorial I originally tried. Don't know why they have it that way, but I have just left it for now. You think it doesn't play nicely with the Suckerfish styling?
    Last edited by lorikeet; Apr 4, 2006 at 05:40. Reason: broken link


Bookmarks

Posting Permissions

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