From: Mike Soultanian <[EMAIL PROTECTED]>
>>> http://www2.csulb.edu/colleges/cota/test5.html
>> h1 {margin-top: 0;}
>
>Ahhh, I think I'm getting it. So, the H1 is always 30px away from the
>text, it's just bringing the container down with it, which is
>essentially bringing the floated left column down, as well.
At the default font size, in whatever browser you're looking in, the top margin
for the H1 is 30px. If you zero that, there will be no more margin between the
text and the following div that includes the left and right columns.
>I would
>have thought that the left column would have had more "authority" as it
>doesn't have margin-top applied to it so it wouldn't be brought down
>with the container, or at least, push it back up there, but I guess not.
The margin escapes the container, and separates anything in the container from
the text above, regardless of presumed "authority."
>However, like I've noticed and like you mentioned, if the container has
>any containing properties (border or padding), it will instead calculate
>the margin relative from the border or padding. Is there any other way
>that you know of to create any other containing properties that will not
>allow the margin to escape from the container?
Zeroing the top margin on the H1 would be my first suggestion. If you still
want the text in the right column moved down, and want to retain the H1 (which
I notice you've removed in the current iteration of the test page) you could
try wrapping the left column content in another div and applying the padding,
as little as 1px, to that (without zeroing the margin on the H1).
If you decide to zero the margin on the H1, you could then probably add padding
to that element to get the text on the right to move down.... perhaps,
depending on what you really need.
Experiment, I guess, or show us the site so we can make better suggestions than
just guessing what will work based on an oft-changing demo.
~holly
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
