|
|
|
CSS Browser Detection - The complete guide
Different browsers, different CSS interpretations! There will be a time when you'll need to hide some CSS rules from a particular browser, or even all the CSS file! In this articles I'll try to compile all possible types of Browser detection...
Gain an edge by viewing your competitors source code
Doing business online is alot like the brick and mortar business is, but with alot less steps and hassles,... well kinda anyways. Now there are quite a few advantages to an online business vs a brick and mortar business; like we don't commute,...
"How's Your Sense of Style?"
No, I'm not referring to your wardrobe here, but to cascading style sheets, also known as CSS. Developed by the World Wide Web Consortium, it allows webmasters to separate site layout from the design. CSS is actually a standard for controlling ...
MAXIMUM COMPUTING SALE ONLINE
Dear friend! For your company or your home - You get here what you need, when you are looking for a great computer - screen - printer - laptop - scanner, as you like it. TigerDirect.com has a MEGA program as we simple think you are waiting for. ...
Size Matters, It's True what they say!
Yes, it really does and the smaller your webpage the better it
is.
Size is an area where people can lose focus when they are
concentrating on the look and branding of their website.
In print and other forms of media, size and complexity...
The DRC Blew It
The DRC (Disability Rights Commission) recently announced the results of their year-long investigation into the accessibility of 1000 websites. The DRC's report ( http://www.drc-gb.org/publicationsandreports/2.pdf ) concluded that most websites...
The Secret Benefit Of Accessibility Part 2: A Higher Search Engine Ranking
An additional benefit of website accessibility is an improved performance in search engines. The more accessible it is to search engines, the more accurately they can predict what the site's about, and the higher your site will appear in the...
The True Meaning of Freeware
The vast majority of us will have, at some point, had freeware games or applications installed on our systems. If you’ve played an online Java or Flash based game, you’ve used freeware. In a very real way the Internet itself is freeware, a...
The Width and Resolution Problem
There is a problem that has plagued the web ever since graphical
designs for web pages started to become common - and yet it's a
problem that's never been solved. You see, different sized
monitors can handle different widths of page, and yet...
Web Page Optimization
We all want to have the most attractive website that leaves a
visitor wide-eyed and completely dazzled. Usually an extremely
attractive website design involves lots of graphical elements,
increasing the overall page size which causes the page...
|
|
| |
|
|
|
|
|
|
CSS Browser Detection - The complete guide
Different browsers, different CSS interpretations! There will be a time when you'll need to hide some CSS rules from a particular browser, or even all the CSS file! In this articles I'll try to compile all possible types of Browser detection technics and provide examples. So let's start with the easier one!
Browser detection for Netscape
Netscape 4 is probably the dumbest browser when it comes to CSS support, extremely limited and many times erroneous! As the browser's market share of Netscape is below 0.5% it became natural to hide the CSS file from it! The method used for this is the import directive that will make the browser to display a version of the site completely without CSS.
Here's the directive you have to call:
(style type="text/css")@import url(wise-designscom.css);(/style)
Browser Detection for IE Mac computers
This browser "died" when Microsoft announced there would be no
more updated versions of it. Now this browser fell in desuse and there are a wide range of CSS technics that IE/Mac doesn't interpret well! Therefore many webmasters started to code their CSS sites so that they would work correctly on this browsers. Contrary to Netscape users, these weren't neglected.
The hide technic:
/* Hide from IE-Mac */
#header {padding-bottom:3em}
#footer {padding-top:1.5em}
/* End hide */
IE/Mac won't see these commands but will display the content even without those rules! Now... if you have a specific area of your site that isn't vital to your visitors you can just hide it completely from this browser without having the trouble to even try and make it look better within the possible! Here's how:
#noiemac {display: none}
/* Hide from IE-Mac */
#noiemac {display: block}
/* End hide */
The first rule hides it all from IE/Mac (e.g content to hide here!
|
|
|
|
|
|