Wow!
Krystian - h1 doesn't seem to clear for me by default (XHTML strict,
firefox) - but when I explicitly include it - it DOES work. I mistyped it
earlier but thanks to you, I revisited it and noticed ':' instead of ';'
Bill - wow! Now that's what I was looking for. Only the LIs are floating so
it makes perfect sense that UL starts and closes that box.
Super! Thanks so much!
-Luther
On Fri, Sep 19, 2008 at 2:08 PM, Bill Brown <[EMAIL PROTECTED]> wrote:
> 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/
