Help - Search - Members - Calendar
Full Version: Sidebar doesn't stay in its column
Movable Type Community Forum > Additional Resources > Tips and Tricks
rodprice
In the default index templates, the sidebar floats on the right. When there is very little content in the main area, the sidebar wraps underneath it (i.e. goes all the way to the left). How do I keep the sidebar from doing this?

Thanks,
-Rod
adamrice
This is normal and will self-correct after you fill in the page, but if it bugs you, the simplest fix is to add "float: left;" to the #content selector.
rodprice
Floating #content didn't work, but wrapping the sidebar code in the following div, moving the sidebar code between the banner div and the content div, and adding
CODE
#wrapper {
   float: right;
   width: 35%;
   min-width: 210px;
   border-left: 1px dotted #999;
}

did work.

-Rod
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2009 Invision Power Services, Inc.