Bill Braun wrote: > David Laakso wrote: > >> It is often a painfully slow, laborious, and frustrating process to get >> the divisions to open and close in their correct order. The number of >> open divisions must equal the number that close; and, they must do so in >> the correct order. No need to take a coil of rope to the woods. Coffee >> helps. >> >> > David, can you comment on div openings and closings a bit more, along > the lines of general principles and practices? . New to CSS, and I > suspect that I may be struggling with this. > > Thank you, > > Bill B > >
I will try (even though your question has nothing whatsoever to do with CSS). In these layouts, I have used the same /valid/ CSS [1]: only the markup (html) [2] changes. 1/ I have opened six divisions (#d1, #d2, #d3, #d4, #d5, and #d6) one of which contains an unordered list (ul) and closed all six divisions in the proper order. The CSS /and/ markup are valid and the *page renders as I intend*. <http://chelseacreekstudio.com/ca/cssd/2c.html> 2/ I have opened the same six divisions (#d1, #d2, #d3, #d4, #d5, and #d6) one of which contains an unordered list (ul) and closed all six divisions but put them in a different order. The CSS /and/ markup are valid but the *page does not render as I intend.* <http://chelseacreekstudio.com/ca/cssd/2c-a.html> 3/ I have opened the same six divisions (#d1, #d2, #d3, #d4, #d5, and #d6) one of which contains an unordered list (ul) in their original order but only closed three of the divisions. The CSS is valid, the /markup is invalid/, and the *page does not render as I intend.* <http://www.chelseacreekstudio.com/ca/cssd/2c-b.html> [1] w3c CSS Validation Service <http://jigsaw.w3.org/css-validator/> [2] w3c Markup Validation Service <http://validator.w3.org/> The principle is run valid CSS and markup: close each division opened; open and close each division in proper order. HTH. ~d ______________________________________________________________________ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/