StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
text
Body
copied!<p>The CSS that you can use in a cross browser compatible style sheet is a subset of the standard, where you avoid styles that some browsers have problems with. (Where "some browsers" often is Internet Explorer.)</p> <p>For example, the <code>text-align</code> style is not properly handled by Internet Explorer. It applies the style to block elements also while it should only be applied to inline elements. Therefore you should only use the <code>text-align</code> style on elements that doesn't contain any block elements.</p> <p>Develop the page using a standards compliant browsers, like Firefox, as the first testing ground. When it works in Firefox it will almost always look the same in all other browsers except Internet Explorer. Eventhough IE is the most used browser, it's the odd one out when it comes to web standards, and you often has to tweak the HTML and CSS to avoid rendering errors in IE.</p> <p>Sometimes IE needs a specific size on elements that are sized automatically in other browsers. Another example is adding <code>display:inline;</code> to a floating element. All floating elements are block elements so the <code>display:inline;</code> style is ignored, but in IE it has a side effect of setting a HasLayout flag for the element, which fixes some other problems that IE has with floating elements.</p> <p>You need a <a href="http://www.w3.org/QA/2002/04/valid-dtd-list.html" rel="nofollow noreferrer">proper doctype</a> on your page so that it renders in standards compliant mode. Otherwise you will have a very hard time getting a consistent look across browsers.</p>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload