IE Sandbox ~ tests and examples

Problems with hasLayout and lists, including a new one for IE7b2

The first two examples are not new and show the number ordering problem associated with has Layout

The first Demo is of an ordered list on it's own the second shows it nested in a table cell

  1. one
  2. two
  3. three - this list item has been given layout
  4. four
  5. five
  1. one
  2. two
  3. three - this list item has been given layout
  4. four
  5. five
blank cell

The next two show both an ordered list and an unordered one again not in a table cell with layout applied to the li's

The first one not in a table displays the same sypmtoms as IE6, missing bullets and numbering problems

  1. left
  2. center
  3. right

New to IE7

Same above but in a table cell, this time this is New to IE7, the text in a list item which is not left aligned disappears!

Updates:

  1. left
  2. center
  3. right

  • left
  • center
  • right
blank cell

To demonstrate the text-alignment theory here is the same demo, again in a table cell, but with all text left aligned!

  1. left
  2. center
  3. right

  • left
  • center
  • right
blank cell

To demonstrate the overflow theory here is the same demo, again in a table cell, with overflow set to auto

  1. left
  2. center
  3. right

  • left
  • center
  • right
blank cell