CSS and Netscape 4.xx Issues
Netscape 4.xx is now more than 4 years old and has been developed when CSS was in the planning stages, and it shows! That means that NN 4.xx does not correctly interpret or render many simple CSS styles. Internet Explorer, on the other hand, has been consistently upgraded over that time. This means that many of the styles that Netscape 4.xx does not support will be supported in IE. One way to have a site styled the way you want it and keep NN 4.xx happy is to use external style sheets, with a trick which will be explained soon.

The syntax for linking an external style sheet is:

  <link rel="stylesheet" href="Style.css" type="text/css"> 

It makes sense to use two different external styles – one for IE and NN6, the other one for NN4.xx. In doing so, you could adapt your font sizes, or background properties, or the other styles that NN4.xx has problems with.

To do that you can use the fact that NN 4.xx does not recognize the @import.
Therefore you link two style sheets:

 </link><link rel="stylesheet" href="StyleNN.css" type="text/css">
<style type="text/css">
@import url(Style.css); /*IE and NN6x styles*/
</style>  

Explanation: NN4.xx does not recognize the @import, so it uses the style sheet. IE and NN6 merge both stylesheets, but by placing the @import sheet after the style, you give it more importance, therefore IE and NN6 will give you the styles in the @import.

Source: http://www.mako4css.com/csstwo.htm#oben

Related Listings:

1. Javascript Style Sheets JSS stands for Javascript Style Sheets, it is a jQuery...
2. Style Web Forms Using CSS Whether your main business is Web design or backend development,...
3. Tables with Style CSS It might not seem like it but styling tabular data...
4. Form With Style – Ajax Script Forms are not very friendly when it comes to CSS...

Do you like this post?

Email: