On May 20, 2008, at 8:46 AM, Tonsils wrote:
Can you pls explain in detail (if possible) how I do this and how I
can possibly get my website centered and also to span nicely on
different screen resolutions.
Draw an HTML element on the page. With that element selected, look
carefully at the Inspector while the left-most tab is active.
Each of the width and inset (distance from the page edge) input
fields has a combination button/caption graphic to its left. Clicking
on this graphic will enable or disable the associated field. What you
want to do to center the page is to draw all of your elements as
regular HTML boxes (with the CSS Layers button on) and then change
these settings so that your elements flex to fill the browser window.
Let’s say you wanted to have a 10% width column on one side of the
page. Draw a box right on the right side of the page. Fill it with
some color, and then look in the Inspector at the various dimension
settings. First, make the width 10%. Highlight what’s there, and type
in 10%. Now, click on the Left inset button so that field is
disabled. The Right inset field will automatically become active. If
you want that element to stick to the right, then make sure that it
reads 0px. Preview, and you will see what you want to see.
Now, if you want a centered box, draw a colored HTML box (just so you
can see it) un-check the width so both left and right inset become
active, then change left and right inset to some percentage. Try 10%
again, and you will have an 80% width central column that always
follows the width of the browser window.
If you want to build up a more complex layout that stays together and
flexes with the page, then draw a central box to hold your layout,
and draw all of your other layout elements as children of that
central box. To do this, first click on the central box so it is
highlighted (8 handles showing on corners and sides), then select the
HTML tool and draw your child box, starting and ending entirely over
the parent box. This child element can then be positioned relative to
the right or left of the parent box using the same technique as
above. You can also make children of children if that’s what it takes
to scratch your creative itch.
You can probably get the same effect without this trick, but I find
it most helpful in order to get the look of a centered page that has
a consistent relative dimension.
freewaytalk mailing list
Update your subscriptions at: