Hi Lothar, Thanks for the reference to Eric Meyer's "Uncollapsing Margins" article. It was very informative and I have changed some of my CSS as a result.
It doesn't explain, however, why moving a </div> tag from a line on its own to the end of the code of the previous line effected the page rendering in IE. I find this very odd. cheers, Hope Stewart On 21/2/05 11:48 AM, "Lothar B. Baier" <[EMAIL PROTECTED]> wrote: > That sounds like uncollapsed margins. Eric A. Meyer has a good article > on that: > http://www.complexspiral.com/publications/uncollapsing-margins/ > > HTH > Lothar > > -- > www.markupmarks.de > www.designdragon.de > > Hope Stewart wrote: > >> The div "content" is defined as having only a left margin. The div "footer" >> is defined as having no margins. However, IE rendered the page with an >> unwanted margin between these two divs. >> >> By some fluke, however, I discovered (though I'm sure I'm not the first!) >> that if I moved the </div> tag to the end of the previous line -- instead of >> it being on a line by itself -- that the unwanted margin in IE disappears >> and the page is rendered how I want it to be: >> >> <div id="content"><p>This is a paragraph</p> >> <p><a href="#top">Top</a></p></div> >> <div id="footer"><p>This is all the copyright stuff.</p></div> >> >> So, it makes me wonder: Is there a way I should be formatting my code to >> avoid browser rendering problems such as this one? ****************************************************** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help ******************************************************
