I have a navigation bar that goes across the top of the screen.  It is 
based of off this tutorial: 
http://tutorials.mezane.org/tabbed-navigation-using-css/#Introduction

Most of the time everything works without issue.  However, I have some 
users who are experiencing intermittent issues.  The navigation bar is 
displayed as a vertical list instead of a horizontal list.

To show the issue, I have two screen shots.

This is the problem: http://www.itsolut.com/bad_menu/bad_menu.jpg

Here is what it should look like: http://www.itsolut.com/bad_menu/good_menu.jpg

The browser is the latest Firefox and the html/css displayed at the bottom 
of the screen is firebug.

The html for the menu is (simplified a little):

<div>
<table cellspacing="0" cellpadding="0" border="0">
   <tbody>
     <tr>
       <td style="padding: 0px;">
         <ol class="af_navigationPane_tabs2">
           <li class="af_navigationPane_tabs2-active"><a 
href="somelink">Item 1</a></li>
           <li class="af_navigationPane_tabs2-inactive"><a 
href="somelink">Item 2</a></li>
         </ol>
       </td>
     </tr>
   </table>

The css for the three classes are:

.af_navigationPane_tabs2 {RedwoodShores-des... (line 272)
    color:#FFFFFF;
    height:2em;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin:0pt;
    padding:0pt;
}

.af_navigationPane_tabs2-active {RedwoodShores-des... (line 276)
    background:#4488DD url(/app/ires/tab.gif) repeat scroll 0pt -60px;
    color:#FFFFFF;
    float:left;
    margin:0pt 1px 0pt 0pt;
    padding-left:10px;
}

.af_navigationPane_tabs2-inactive {RedwoodShores-des... (line 273)
    background:#BBDDFF url(/app/ires/tab.gif) repeat scroll 0%;
    color:#FFFFFF;
    float:left;
    margin:0pt 1px 0pt 0pt;
    padding-left:10px;
}

Has anyone seen something like this before where the lists are "wrapped" 
when I have turned off the wrapping.  Particularly since this works "most" 
of the time.

Any thoughts are appreciated.

Thanks,
Chris....
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to