antmanbee wrote:
> How do I put space above the first piece of text when it's in a
> container (layer)?
>
> It seems a bit clumsy simply to put in a row of carriage returns
> above
Of course. <br> should not be used as "spacer". Margins and paddings are
much more suitable for that.
In a normal scenario there's not much of a problem, as paddings on top
and bottom of containers don't create box-model problems - as long as
height is left at default (= 'auto'). However, I most often only set
vertical paddings on containers if there's a problem with 'collapsing
margins'[1], that can't be solved in other ways for a particular design.
Top (and bottom) margin on each content-element will create the space(s)
needed.
A typical styling (for me) is something like...
div p {margin: 6px 6px 0.5em 2%;}
...which to some degree adjust the spaces depending on the conditions;
like a margin-left that adjust to available width in a fluid-width
container, and the '.5em' margin-bottom that adjust vertical space
slightly if font-resizing is applied.
These values are design-decisions that (I think) suit my designs, and
are depending on a lot of factors. Controlling somewhat complex layouts
by utilizing element-margins can work quite well in a variable medium.
Example: <http://www.gunlaug.no/contents/molly_1_18.html>
...where margins are used to make the elements adjust to available
window-width from below 600 to above 1200. Elements will also adjust
their vertical positions - when needed, and I have pulled the headlines
over the edges with negative margins.
That page runs IE6 in Quirks mode, so you can compare between IE6 and
Firefox/Opera how well it is working in both modes and with both box-models.
You will of course have to figure out your own values and ways to make
your layouts/designs work. It is often best to learn these simple
methods in depth at an early stage, as there will always be new demands
for each design. Some like them 'tight', some like them 'airy', and some
are best left somewhere 'in between'. Choices... choices :-)
regards
Georg
[1]http://css-discuss.incutio.com/?page=CollapsingMargin
--
http://www.gunlaug.no
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
