Luther Baker wrote:
> <ul id="menu">
> <li><a href="..">Link A</a></li>
> <li><a href="..">Link B</a></li>
> </ul>
> <h1>Fancy Title</h1>
> <p>Blah blah blah ... </p>
> Current CSS:
> ul,
> ul li
> {
> list-style: none;
> float: left;
> margin: 0;
> padding: 0;
> }
> ul li
> {
> display: block;
> float: left;
> padding-right: 10px;
> }
Hi Luther,
Try this:
ul, li {
list-style: none;
margin: 0;
padding: 0;
}
ul {
display: inline-block; /* IE Float Clear, Part 1 */
overflow: hidden; /* Float Clear */
}
ul {
display: block; /* IE Float Clear, Part II */
}
li {
display: inline; /* IE Double Margins Bug Fix */
float: left;
padding: 0 10px 0 0;
}
That should put anything after the UL below the UL. The only time this
fix won't work obviously is if you're using a fly-out menu. In that
case, you can leave the IE fix in place, but would need to adjust the
fix for other browsers using the :after pseudo element on the UL.
Hope it helps.
Bill
--
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Bill Brown, MacNimble.com :: "From dot concept to dot com since 1999"
WebDevelopedia.com, TheHolierGrail.com, Cyber-Sandbox.com, Anytowne.com
"The intuitive mind is a sacred gift and the rational mind is a
faithful servant. We have created a society that honors the servant and
has forgotten the gift. -- Albert Einstein
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
______________________________________________________________________
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/
