Browser Incompatibilities



I just recently (May 1999) started to work with CSS styles in my HTML pages. Even though it seemed on the first sight to be a really working and compatible thing over a wide variety of browsers, REALITY got me quite soon (after 2 days!).
How could I expect that even one browser would implement even the basic set of commands (CSS v1.0 from 1996) without exceptions and bugs... But I was very disappointed when I had to notice that my favorite browser Netscape Navigator has a significant bug at least in the versions 4.5 through 4.6!
You can see and feel it here on this page.


What you should see here is a paragraph of text surrounded by a red 3D border with the command: style="border:10px ridge red". It works fine with

Netscape Navigator 4.6
MS Internet Explorer 4.0
Opera 3.51

This is just a text with no real meaning. It was only meant to fill one paragraph to demonstrate the hard business of a creator of compatible web pages. You have to think of so many ways around the bugs that all these companies producing masses of different browsers intentionally and unintentionally throw in your way to an artistic and nice WWW.

Now let us add some spacing between the frame and the text: style="border:10px ridge red; padding:20px". Astonishingly enough even this works fine with

Netscape Navigator 4.6
MS Internet Explorer 4.0
Opera 3.51

This is just a text with no real meaning. It was only meant to fill one paragraph to demonstrate the hard business of a creator of compatible web pages. You have to think of so many ways around the bugs that all these companies producing masses of different browsers intentionally and unintentionally throw in your way to an artistic and nice WWW.

Well, let's get crazy and wild and let us try to put something else inside the frame - what about a picture, that would be nice...

MS Internet Explorer 4.0
Opera 3.51

<img src="../bilder/Image10.jpg" width="100%" alt="" border="15">
This is really not the place to wonder about the strange calculations that some browsers use when they are asked to scale a picture to a width of 100%...
As you can see, this picture doesn't use the style option at all - please go to the next page to see why...