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/
