Help - Search - Members - Calendar
Full Version: Css: Alpha And Beta Columns Stacking, Not Lining Up
Movable Type Community Forum > Using Movable Type > Default Stylesheets
eddyer
Site:http://www.hearthwooddome.com
Style: styles-site.css imports Fleur.css (www.hearthwooddome.com/mt-static/support/themes/fleur/)
Issue: The alpha and beta columns are stacking rather than lining up side by side.

Background: The site is set up for "two column right" where the left column is dominant...initially the CSS was set to percentages, so I hard locked it to px. I've pulled the main components down locally and attempted viewing in Dreamweaver to get an idea of why this is happening; it appears that the alpha column is taking up the full width of the page even though it's not supposed to.

FireFox's DOM inspector shows correct alpha and beta column's even though they are still stacking....

Any ideas?
imabug
the most common cause of this problem is an unclosed div tag somewhere. Try running the page through an HTML validator to check for any problems.
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.