Re: [css-d] alternative to inline-block

[Brian Cummiskey]

Philippe Wittenbergh wrote:
> If that menu is floated, it already 'hasLayout' [1]
> I suspect something else is going on with it.
> Do you have a sample url ?

No sample URL to post right now, but Here's the basic markup and css:

<div id="wrapper">
    mast head///////
    <div id="navbar">
            <ul class="fleft">
                <li><a href="category.asp?cartid=<%= cartid %>">View All 
Items</a></li>
                <li><a href="category.asp?cat=TV-CLOTHING&amp;cartid=<%= 
cartid %>">View Clothing</a></li>
                <li><a 
href="category.asp?cat=TV-ACCESSORIES&amp;cartid=<%= cartid %>">View 
Accessories</a></li>
               
            </ul>

            <ul class="fright">
                <li><a href="about.asp?cartid=<%= cartid %>">About the 
E-Store</a></li>
                <li><a href="pres.asp?cartid=<%= cartid %>">President's 
Letter</a></li>
                <li><a href="faq.asp?cartid=<%= cartid %>">FAQs</a></li>
            </ul>
            <div class="clear"><!--  --></div>
        </div>

    body//////
    footer/////
</div>



#navbar {
    display: inline-block;    /* ie6 fix */
    background: #036;
    color: #fff;
    padding: 0;
    margin: 0;
}

#navbar ul {
    margin: 0 5px 0 5px;
    padding: 6px 4px 6px 4px;
}

#navbar ul.fleft {
    float: left;
}

#navbar ul.fright {
    float: right;
}

#navbar ul li {
    list-style-type: none;
    display: inline;
    margin: 0;
    padding: 6px 4px 6px 4px;
}

#navbar ul li a {
    margin: 0;
    padding: 6px 4px 6px 4px;
    color: white;
    background: inherit;
    font-weight: bold;
    font-size: 1.1em;
    text-decoration: none;
}

#navbar ul li a:hover {
    color: #222;
    background: #CBD3DB;
    text-decoration: underline;
}




Without the display:inline-block, the menu is all messed up in IE6. 
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/