Re: [css-d] margin in one column pushes content down in thenextcolumn
>> http://www2.csulb.edu/colleges/cota/test5.html
>
> I did try it in IE and Mozilla before I replied previously, and it's
> still margin collapsing that is causing what you see. The not-zeroed
> margin on the H1 element (as Theirry has pointed out) in the right
> column is "escaping" from the border-less/padding-less div container
> and creating the margin you are noticing between the text before the
> div, and the div itself. Zero the top margin on the H1 and the space
> will disappear.
>
> 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. 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.
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? On my real site, I
cannot put a border or padding on that container.
Thanks!
Mike
__
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/
Re: [css-d] margin in one column pushes content down in thenextcolumn
From: Mike Soultanian <[EMAIL PROTECTED]>
> you'll notice that there is no margin-top specified
>on the left column, yet it's being pulled down with the right column.
>
>http://www2.csulb.edu/colleges/cota/test5.html
I did try it in IE and Mozilla before I replied previously, and it's still
margin collapsing that is causing what you see. The not-zeroed margin on the H1
element (as Theirry has pointed out) in the right column is "escaping" from
the border-less/padding-less div container and creating the margin you are
noticing between the text before the div, and the div itself. Zero the top
margin on the H1 and the space will disappear.
h1 {margin-top: 0;}
hth,
~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/
Re: [css-d] margin in one column pushes content down in thenextcolumn
Thierry Koblentz wrote: > Mike Soultanian wrote: >> http://www2.csulb.edu/colleges/cota/test5.html > > Hi Mike, > I don't see any problem with your example page. > If you're talking about the second column being lower than the 1st one, this > is due to your margin on "h1" in column #2. > Regards, > Thierry | www.TJKDesign.com Did you look in both IE and if FF. There is a difference with example 2. mike __ 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/
Re: [css-d] margin in one column pushes content down in thenextcolumn
Mike Soultanian wrote: >> This is not a bug you are observing, but "collapsing margins" >> instead. See the following wiki page for more information and links. >> >> > Hi Holly, > I am familiar with collapsing vertical margins, but that's not the > issue I'm running into; or maybe it is in another form. I'm having > problems with adjacent columns (horizontally) affecting each other. > If you look at my example page, you'll notice that there is no > margin-top specified on the left column, yet it's being pulled down > with the right column. > > http://www2.csulb.edu/colleges/cota/test5.html Hi Mike, I don't see any problem with your example page. If you're talking about the second column being lower than the 1st one, this is due to your margin on "h1" in column #2. Regards, Thierry | www.TJKDesign.com __ 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/
