Putting Wayfinder inside of a div.

You can also float the div.

Quote from: MadeMyDay at Jan 15, 2007, 03:27 AM

Hi,

first of all give the ul a margin/padding of 0. Then (if possible) assign a height to the div. Or you have to put in an overflow: hidden, but this might screw up IE6 so vou have to assign

overflow: hidden !important;
overflow: visible;

This should work.

Thanks, but it didn’t work. It kept the Wayfinder menu in side the div, but ’below’ the bottom border so it wasn’t visible.

Quote from: piezke at Jan 15, 2007, 10:10 AM

hi,
maybe your problem is solved when you simply clear the float after the ul:

<div id="nav_menu">
  <ul>
    <li><a href="#" title="Home" >Home</a></li>
    <li><a href="#" title="Axles" >Axles</a></li>
    <li><a href="#" title="Engine" >Engine</a></li>
    <li><a href="#" title="Suspension" >Suspension</a></li>
    <li class="active"><a href="#" title="Tires" >Tires</a></li>
    <li class="last"><a href="#" title="Transmission" >Transmission</a></li>
  </ul>
  <div style="clear: left;"></div>
</div>

this should let the div expand with its content.

That fixed it! Adding a clear: both style to a div within the div was the answer.

Thanks for everyone that posted suggestions.