I often run into something like this:
<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>
Where I am using floats in the ul menu above. This happens when I am using
columns as well.
The problem is that h1 shows up just to the right of the menu.
To try and correct that - I've added h1 { clear: both } but this obviously
doesn't work. If I wrap the <h1> in a div, then all is well if the div has
style="clear: both" ... but that sounds like html for the sake of style.
I'd like to keep layout OUT of the html but I'm not sure what the common
approach is here ... I've even gone as far as adding
<div style="clear: both"> </div> to get out of float mode ... which
works great ... but isn't elegant and not in the spirit of CSS at all.
Thoughts?
-Luther
*
HOPED FOR:*
*LinkA* *LinkB*
*Fancy Title
*
Blah Blah
*ACTUAL (not exactly, but similar):*
*LinkA* *LinkB** Fancy Title
*
Blah Blah
*Current CSS:
*
ul,
ul li
{
list-style: none;
float: left;
margin: 0;
padding: 0;
}
ul li
{
display: block;
float: left;
padding-right: 10px;
}
______________________________________________________________________
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/
