Charles, The tag causing this issue is the #main tag with 100px margin. I'm not sure if you added this for a specific reason, but setting it to 0 or a low number will fix your problem.
Good luck, Michael -----Original Message----- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Charles Dort Sent: Friday, October 21, 2005 10:07 AM To: css-d@lists.css-discuss.org Subject: [css-d] Display of image causes the following div's top margin to disappear in Firefox I am a CSS beginner trying to re-do my church's web site from its present table-based layout. I have a "rough draft" that I'm pleased with so far, with "sliding doors" tabs and a vertical "sliding doors" text box for topical content. But I am puzzled by my inability to put a bit of vertical white space between two divs ("header" and "main"). It looks fine when I do so in Dreamweaver 8, but in Firefox the white space disappears. I started deleting things from the page and the CSS sheet to eliminate things that weren't causing the problem and narrowed it down to an image. If the image is in the "header" div, the top margin of the following "main" div disappears. (I put in a huge top margin just for the "demo.") I forgot to upload the image when I uploaded the test files below, so I discovered by accident when I looked at them that if the HTML has the image in it, but the image doesn't exist, once again that top margin disappears. But in IE6 the top margin is there either way. I'm probably doing something really stupid that's causing this, but I can't figure it out. Can anyone tell me what I'm doing wrong? In Firefox, in the "without" file below, you'll see a large white space between a sentence just saying where the "header" dive is and the following "main" div, whereas in the "with" file, with the image, that white space disappears. Without image: http://www.allsaintsofamerica.org/test/without.htmlWith image: http://www.allsaintsofamerica.org/test/with.html CSS: http://www.allsaintsofamerica.org/test/assets/temp.css Thanks! Charles ______________________________________________________________________ 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/
