Exactly right. Think of it as a layer cake. In code, it looks like this:
body
PageDiv
item1
item2
...
If you were stacking up layers of cake (or maybe transparent
cellophane) you would see this:
item2
item1
PageDiv
body
In a default Freeway CSS layout, you would see that each thing you
draw (item1,2, etc.) is alone on a page-sized imaginary layer,
separated from all other layers by the Z-axis (height). They are
children (code-wise) of the PageDiv, and inherit their positioning
from that master layer. But they each “believe” they are alone in the
universe. (They aren’t capable of much imagination, since they’re only
2-dimensional creatures. Read Flatland for more on this topic.)
Once you start creating an inline layout, things get a bit more
complex than this, with elements occupying the same Z-index (which is,
by the way, the thing that allows them to push each other out of the
way when their text contents grow). But in a normal “just draw stuff”
Freeway layout, you always end up with this structure.
In HTML, every element can have a background (image and/or color).
This appears behind each element’s children, so if you were to style a
paragraph with a background, that background would sit behind the
characters of text in that paragraph, and would sit above the
background of the DIV that contained the paragraph (it’s parent
element, whatever that is).
The PageDiv is the master element drawn by Freeway, and you can’t
influence it much at all, style-wise. You can give it a width, by
setting alignment on your page to something other than None, and you
can set its margin to Auto by setting your page to Align: center. But
that’s about it, without resorting to Actions.
When you style the page in the Inspector, you are adding style
attributes to the body tag, which sits behind the PageDiv in the
stacking order. So back to our cake analogy, the body tag would really
be more like the dining table that you serve your cake on. The PageDiv
could then be the plate, and the various things you draw would be the
layers of cake.
Walter
PS: One other helpful thing that I’m reminded of. Each element that
has a background can have two layers to that background. If you set a
background image and a color background color, the image will
naturally be fixed dimension, the color will expand to fill any size
of element, and the color will sit “behind” the image. So you could
use a small background image (set not to tile) above a background
color to create a two-tone background.
On Apr 24, 2010, at 10:07 AM, DeltaDave wrote:
So to summarise: if I select a Page Background Colour and/or image
(Page Inspector with nothing on the Page selected - Page Appearance
settings) these styles are declared in the Body but outwith the
PageDiv. Just want to clarify this for other readers of the thread.
David
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options