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

    UL nav w/nested UL - possible IE6 peek-a-boo

    Hi, y'all - I have a vertical, list-based nav that displays well everywhere but IE6:

    http://zornfett.com/client/smedley/wtf.html (CSS is mostly in-page for our purposes)

    Can you see [in IE6] what I'm talking about (graded JPG background is obscured until hover)? Is this some sort of 'peek-a-boo'? Thanks for your attention

  • #2
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,685
    Thanks
    22
    Thanked 1,828 Times in 1,812 Posts
    Hello zornfett,
    Your list is not formed correctly.
    See if you still have the problem when you make your list look like this -
    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Untitled Document</title>
    </head>
    
    <body><div id="content-wrap">
      <div id="sidebar">
        <div id="nav-2">
          <ul>
            <li class="first"><a href="#"><span>TKTKTKTK</span></a></li>
            <li class="selected"><a href="#"><span>TKTKTKTK</span></a></li>          
            <li><a href="#"><span>TKTKTKTK</span></a></li>          
            <li><a href="#"><span>TKTKTKTK</span></a>
              <ul>
                <li class="first"><a href="#"><span>TKTKTKTK</span></a></li>
                <li><a href="#"><span>TKTKTKTK TKTKTKTK TKTKTKTK TKTKTKTK TKTKTKTK</span></a></li>
                <li><a href="#"><span>TKTKTKTK</span></a></li>               
                <li class="last"><a href="#"><span>TKTKTKTK</span></a></li>
              </ul>    
    </li>   
            <li><a href="#"><span>TKTKTKTK</span></a></li>            
            <li><a href="#"><span>TKTKTKTK</span></a></li>            
            <li><a href="#"><span>TKTKTKTK</span></a></li>            
            <li><a href="#"><span>TKTKTKTK</span></a></li>            
            <li><a href="#"><span>TKTKTKTK</span></a></li>
            <li class="last"><a href="#"><span>TKTKTKTK</span></a></li>                 
          </ul> 
        <div class="bottom"></div>   
      </div>
    </div>
    
    	
    </div>
    </body>
    </html>
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • #3
    New to the CF scene
    Join Date
    Nov 2009
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Thanks for your speedy reply, Ex, and thank you for catching that. Correcting the list per your suggestion, however, does not fix the weird obscuring of the background:

    http://zornfett.com/client/smedley/wtf.html (updated, v.2)

  • #4
    New to the CF scene
    Join Date
    Nov 2009
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Interesting .. commenting-out 'position: relative' on LINE19 seems to fix this. Weird, as I put those positions in there to actually foil peek-a-booness ..


  •  

    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
    •