Toolbar layout is messed up in IE6 quirks mode

[Martin Kou]

To reproduce:

1. Delete the <!DOCTYPE> line in sample.html.
2. Open replacebyclass.html in IE6.
3. The toolbar is messed up.

[Frederico Caldeira Knabben]

We are using "multiple classes selectors" in our UI CSS files. This is quite powerful as it makes the DOM structure much simpler and the CSS development much more modular.

Problem: IE has no support for this kinds of selectors when in quirks mode.

[Frederico Caldeira Knabben]

The proposed patch brings important changes to the DOM structure we use for UI elements:

• All instances of "multiple classes selectors" have been removed from the CSS for toolbar elements.
• Produces a deeper <span> hierarchy for UI elements, so we can properly select them in the CSS.
• Introduced special class names for IE6 and IE+Quirks, so we can properly hack them into the CSS.

The patch contains a full CSS review, except for the dialog stuff.

[Garry Yao]

Functional Test Case

[Garry Yao]

Still have a lot of multiple classes in sight with the test case, not sure if they need to be refacted also.

[Frederico Caldeira Knabben]

Replying to garry.yao:

Still have a lot of multiple classes in sight with the test case, not sure if they need to be refacted also.

The problem is not having multiple classes in the elements, but using the multiple classes selector in the CSS. This test is not needed.

[Frederico Caldeira Knabben]

Fixed with [3208].