CSS Best Practices
As of Xopus 4 developers have total freedom in the CSS they can use within Xopus.
Xopus 3
Xopus 3 however your stylesheets can greatly influence the editing experience. There are a few rules to look at and take into consideration.
Layout styling may cause resize-borders
CSS supports a number of properties that can change the layout of a page, such as float, position, display, and certain others. These properties can cause Internet Explorer to show resize-borders, because the page is rendered with contentEditable=true. Xopus will try to prevent this, but this is not always possible.
Setting the width, height, and float attributes in CSS cause these borders to appear. Using a table for layout is in these cases is advised. Please note that only in this case we advise using tables.
- Documentation
- › Best Practices
- › CSS Best Practices
