The code changed is this:
This is a screenshot of how this page looks in Mozilla (1.4). Two things are important:
1. I have limited the width of the "article-window" to 550 pixels, thereby assuring that this page renders the same on screens with a resolution of 800x600 and higher. (As if...) (This is not visible in this screencapture.) It limits only me in the width of the images I display here.
2. There is a notable gap between the two articles, namely 10 pixels, as defined by the margin-top expression in the code.
It looks clear, readable and clean, and should render the same in all browsers on all platforms on every kind of screen. It does not, look at the next image:
1. Not visible in this screencapture, IE completely ignores the max-width value, instead broadening the article across the remainder of the screen, no matter what screen-resolution you view it with, it always fills up the screen. This doesn't give problems, except that my carefully crafted lay-out is messed up. Sigh.
2. More important: the margin between the articles is gone! There is no visible gap between the articles, leaving an ugly double-line. It is ugh, very ugh. Again, IE has completely ignored a valid CSS-statement, in this case the margin-top value.
What do I want to say with this? Trying not to rant against certain software-writers (looking in the direction of Redmond), it would be nice if standards (or actually proposals) of the World Wide Web Consortium (W3C.org) were followed more strictly, thereby easening the writing of pages that render the same on any browser, on any system, on any screen. Alas, a man can dream...
|Leave a Comment:|