Thanks to Holly's suggestion of padding-top, I was able to fix the problem. The completed page with examples of the broken version and the fixed version is here:
http://www2.csulb.edu/colleges/cota/test5.html thanks! Mike Mike Soultanian wrote: >> 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. >> > Yeah, I understand that. I stuck that 30px in there to make the > symptoms more apparent than the default padding on a h1 tag. > >> The margin escapes the container, and separates anything in the >> container from the text above, regardless of presumed "authority." >> > Well, I found a couple interesting things. If I apply the margin-top to > the content within the left column (which is floated left), it will push > the text down and does not pull down the content in the right column (as > is happening in example 2). Another thing I noticed is that if I float > both of those columns to the left (instead of only the left column), the > margin-top of the right column no longer escapes the container and only > pushes the text down in the right column. Don't know if that means much > as I don't know all the rules behind floated and unfloated elements. > >> 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). >> > I changed it from h1 just to make sure it wasn't specific to h1, which > it isn't. It somewhat bothers me that I can't apply margin-top to an > element in the right column as it's going to pull down the text in other > columns, but there's plenty that could be, and is, worse with all the > browser issues ;) As far as wrapping a column with 1px padding or > border, I'm guessing you meant to say to apply it on the right column as > that's the one that's where the margin-top is escaping the container, yes? > >> 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. >> > Oh yeah! I totally forgot that I can use padding as well... and that > wouldn't collapse. Good point! > > I just tested it out and that worked. Sweet! I had just read about > that on a site a day ago, too.. argh... too much information in the brain! > > 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/ > ______________________________________________________________________ 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/
