Oh! On second thought, I just realized what you wanted. Suppose you use the float attribute, but it overlaps an element beneath it. What you want to do is encase the element beneath it with [html]<div style="clear:left|right|both">[/html]
Here's an example. Suppose you have [html]<div style="float:left">Blah Blah</div>
<div>More Text</div>[/html] But you don't want More Text to show up until after the Blah paragraph has finished. What you want to do is encase More Text in [html]<div style="clear:left">[/html] This pushes the <div> down so that it doesn't start until all floats coming from its left have finished. You would use clear:both to protect yourself from floats coming from both sides. Experiment. Try it. See if it does what you want it to. If I am reading you correctly, you want to wrap your bottom navigation into a clear:both, but I'm still a little confused what you're asking.
Administrator
Staff Writer
Reputation Points: 1422
Solved Threads: 162
The Queen of DaniWeb
Offline 13,646 posts
since Feb 2002