Hi again I'm now seeing the float drop only in Safari, but there's a different problem in Firefox on the Mac. The background color for the right sidebar is overlapping the main content area.
The one layout change I made from the original version was to take a new approach to get the main column's background color to extend to the bottom of the page on pages with short content. So, I changed the page background color from purple to white and used background images for the purple sidebars. I took the approach described here: http://www.stopdesign.com/log/2004/09/03/liquid-bleach.html But the directions were pretty sketchy, so I don't know if I achieved the effect optimally. It's that background for the right sidebar that's not displaying properly on Movable Type pages in Firefox. When I remove the following min-width property, the float drop goes away in Safari, but the column background doesn't work properly without it. #main-box { min-width: 504px; } This is as much as I've been able to figure out since my last. I hope someone can help. Regards, Pabini On Fri, Jan 9, 2009 at 5:07 PM, Pabini Gabriel-Petit <pab...@gmail.com>wrote: > Hi Everyone > > I should have mentioned that this problem occurs only with Movable Type > 4.2. The CSS was working fine with Movable Type 3.1. I'm seeing this problem > in both Safari and Firefox on a Mac. > > I hope there are some CSS/Movable Type experts on the list who can help. > Thanks! > > Regards, Pabini > > > On Thu, Jan 8, 2009 at 11:17 PM, Pabini Gabriel-Petit <pab...@gmail.com>wrote: > >> Hi Everyone >> >> I've been banging my head against this problem for two days to no avail. I >> haven't got a great deal of experience when it comes to creating complex CSS >> layouts, so please don't assume too much knowledge. >> >> The CSS I created seems to be working fine on hand-built pages like this >> one: >> >> http://new.uxmatters.com/aboutus/ >> >> But on pages generated by Movable Type, I'm getting a float drop when I >> make the window narrower than can display the entire page. The content in >> the sidebar on the right drops to the bottom of the page and overlaps the >> main content. Here are examples of two page types for which I've built >> templates so far: >> >> http://new.uxmatters.com/index.php >> >> >> http://new.uxmatters.com/2008/12/the-user-experience-of-enterprise-software-matters.php >> >> Both of these very different pages exhibit the same problem. This is my >> first time building custom Movable Type templates. I have no idea what's >> causing the problem. >> >> I hope someone on the list can help me figure out how to solve this >> problem. I have to get an issue of UXmatters out next weekend. Thanks in >> advance for any help you can provide. >> >> Regards, Pabini >> _________________________________ >> >> Pabini Gabriel-Petit >> Principal & User Experience Architect >> Spirit Softworks >> www.spiritsoftworks.com >> > > > > -- > _________________________________ > > Pabini Gabriel-Petit > Principal & User Experience Architect > Spirit Softworks > www.spiritsoftworks.com > -- _________________________________ Pabini Gabriel-Petit Principal & User Experience Architect Spirit Softworks www.spiritsoftworks.com ______________________________________________________________________ css-discuss [cs...@lists.css-discuss.org] 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/
