StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
text
Body
copied!<p>My personal strategy is to start with a reset stylesheet (I use <a href="http://meyerweb.com/eric/tools/css/reset/" rel="nofollow"><strong>Eric Meyer's</strong></a> as well), to reset default styles by browsers.</p> <p>To solve issues with particular versions of IE, I use <a href="http://en.wikipedia.org/wiki/Conditional_comment" rel="nofollow"><strong>conditional comments</strong></a> instead of CSS hacks, so that my styles for CSS are more likely to work in IE, if IE fixes CSS hacks.</p> <p>Using a CSS framework such as <a href="http://www.blueprintcss.org/" rel="nofollow"><strong>Blueprint</strong></a> can provide basic styles that you can override with your own styles, and provides a basis for your styles so you don't have to duplicate some basic styles. It also provides good compatibility with IE's CSS quirks by using conditional comments as well.</p> <p>It's usually best to test in a variety of standards-compliant browsers, and then apply CSS fixes to IE. Usually, to give pseudo-CSS3 styles to IE, you need to investigate IE's <a href="http://msdn.microsoft.com/en-us/library/ms532847%28v=vs.85%29.aspx" rel="nofollow"><strong><code>filter</code></strong></a>, a non-standard way of applying styles. Microsoft's MSDN documentation is fairly comprehensive on this note. Be wary—anti-aliasing may disappear when you use <code>filter</code> styles on an element.</p> <p>If you need support with IE for new HTML5 tags, such as <code><section></code> and <code><header></code>, use an <a href="http://code.google.com/p/html5shim/" rel="nofollow"><strong>html5shim</strong></a>.</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