HTML and CSS Reference
In-Depth Information
IE 6 doesn't seem to be going away anytime soon, so if you want to really
make sure your pages are progressively enhanced, you're going to have to
learn how to handle it. Beyond ignoring the problem or blocking IE 6
altogether, there are a number of stances you can take:
Use conditional comments to fix IE's bugs: You can create separate
style sheets for each version of IE you're having problems with and
make sure only that version sees its sheet. The IE sheets contain only a
few rules with hacks and workarounds that the browser needs.
Hide all main styles from IE and feed it very minimal styles only: This
is another conditional comment method, but instead of fixing the bugs, it
takes the approach of hiding all the complex CSS from IE 6 to begin
with, and only feeding it very simple CSS to style text and the like. Andy
Clarke calls this Universal Internet Explorer 6 CSS.
Use JavaScript to “fix” IE: There are a number of scripts out there that
can make IE 6 emulate CSS3, alpha-transparent PNGs, and other things
that IE 6 doesn't support. Some of the most popular are ie7-js,
Modernizr, and ie-css3.js.
Flexible Layouts
Aids in: adaptability
One of the main ways you can make your sites adaptable to your users'
preferences is to create flexible instead of fixed-width layouts. We've
already gone over how media queries can make your pages more adaptable
to di " erent viewport widths, but creating liquid, elastic, or resolution-
dependent layouts can be used instead of or in conjunction with media
Search WWH ::




Custom Search