Entry: ::Changes to main template code:: Wednesday, April 14, 2004

I have made some minor changes to the main template code of this blog. The code is in and of itself nothing spectacular, but still renders completely different on Mozilla then on IE/WIN. I am glad it isn't as bad as the photo-page...

The code changed is this:

.article {
padding-top: 5px;
padding-left: 5px;
padding-right: 5px;
border: #000000 2px solid;
max-width: 550px;
margin-top: 10px

(changed code in bold)

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:

This is a screenshot of how this page looks in IE5/WIN (and probably not all that different in IE6/WIN). Again two things to note:
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:


Homepage (optional)