Help - Search - Members - Calendar
Full Version: Positioning Elements Using Css
Movable Type Community Forum > Using Movable Type > Default Stylesheets
Michael Redmond
I am studying the MT style sheets and templates to try to learn about CSS and MT template modifications. I am not a head-down programmer, but I am a fast learner. But I cannot figure out how containers are being positioned on the page.

For example, in other environments I have used tables to position text and objects left, center and right. But MT does not do that, at least not that I can see. They use "div" a lot and the columns appear to be containers associated with #alpha, #beta, #gamma and #delta. But I cannot figure out how those containers get positioned.

There is something that I am not seeing. It's like a jig-saw puzzle, if I could just get a look at the box-top I could handle the pieces. Does this make sense to anyone? Is there a clear explanation on the web anywhere?

There are a lot of smart folks out there. You've never let me down! Thanks in advance for your help.
telemark
The containers are position following instructions held in the various .CSS files in your mt-static directory. To make sense of the CSS, a reasonable place to start is w3schools

You'll find a reference eventually to the "flow" (top left to bottom right) which determines the default position of things. The CSS instructions effectively moderate this flow.
lisa
You might also find that Learning Movable Type has a bunch of great articles about this:
http://www.learningmovabletype.com/archive...e_of_it_all.php
http://www.learningmovabletype.com/archive...s_templates.php
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.