{"id":28,"date":"2002-04-30T04:10:55","date_gmt":"2002-04-30T04:10:55","guid":{"rendered":"http:\/\/glaringnotebook.com\/?p=28"},"modified":"2002-04-30T04:10:55","modified_gmt":"2002-04-30T04:10:55","slug":"compliance-not-bad","status":"publish","type":"post","link":"https:\/\/glaringnotebook.com\/?p=28","title":{"rendered":"Compliance &#8211; Not Bad!"},"content":{"rendered":"<p><font color=\"#800000\"><b>Warning:<\/b><\/font> Extremely website developer technical talk ahead. <\/p>\n<p><b><a href=\"#nogeektalk\">Click here<\/a><\/b> to skip the jargon.<\/p>\n<p>For all the fun, and all the curiosity, I&#8217;ve installed <b><a href=\"http:\/\/www.netscape.com\/\" target=\"_BLANK\">Netscape Navigator 6.2.2<\/a><\/b>, <b><a href=\"http:\/\/www.opera.com\/\">Opera 5.12<\/a><\/b> and <b><a href=\"http:\/\/kmeleon.sourceforge.net\/\" target=\"_BLANK\">K-Meleon 0.6<\/a><\/b> (a lighter version of Mozilla) just to test whether my site would look right in it.<\/p>\n<p>All the pages looked fine (duuuh, I hand-coded them) but some skins have weird artifacts.<\/p>\n<p><b><a href=\"setskin.asp?name=infinity\">Infinity<\/a><\/b> animates in <b>Internet Explorer 4<\/b> onwards and <b>Opera<\/b>, but doesn&#8217;t on the other 2 browsers. I was surprised that <b>Opera<\/b> pulled off such JavaScript well!<\/p>\n<p><b><a href=\"setskin.asp?name=blue\">Blue<\/a><\/b>, <b><a href=\"setskin.asp?name=uc\">Under Construction<\/a><\/b> and <b><a href=\"setskin.asp?name=classic\">Classic<\/a><\/b> all work fine in all browsers. Somebody get me a golden star sticker to put on my site!<\/p>\n<p><b><a href=\"setskin.asp?name=green\">Green<\/a><\/b> (which is currently the default skin) doesn&#8217;t sit in well in the topleft corner of <b>Opera 5.12<\/b>. (I suppose <b>Opera 6<\/b> would have better CSS support.) I <b>could<\/b> actually get rid of the margin, but it would be against the laws of <b>valid HTML 4.01<\/b>, and I wouldn&#8217;t be able to keep the geeky icon at the bottom of my <b><a href=\"setskin.asp?name=green\">Green<\/a><\/b> skin. \ud83d\ude41<\/p>\n<p><b><a href=\"setskin.asp?name=frame\">Frame<\/a><\/b> only looks correct in <b>Internet Explorer<\/b>; every other browser puts scrollbars everywhere. <b>Opera<\/b> won&#8217;t even let me get <b>out<\/b> of the frame; apparently somebody needs to teach them what <i>TARGET<\/i>s are for. Netscape won&#8217;t load pages on top of frames; instead it opens a new window. Only <b>K-Meleon<\/b> gets with the program on this one.<\/p>\n<p><b><a href=\"setskin.asp?name=mirror\">Mirror<\/a><\/b> looks nice in every browser, but the namesake&#8217;s effect shows only in <b>Internet Explorer<\/b>.<\/p>\n<p>Not bad for compliance, huh? The only really un-user-friendly skin would be <b><a href=\"setskin.asp?name=frame\">Frame<\/a><\/b>, but even then, that <b>can<\/b> be adjusted with some nifty JavaScript. Heh.<\/p>\n<p>Which browser, you may ask, is most compliant with <b>my<\/b> website? <b>Internet Explorer<\/b>, duuuh! However, every other browser has it as a tie &#8211; <b><a href=\"setskin.asp?name=infinity\">Infinity<\/a><\/b> shows correctly in <b>Opera<\/b>, but a simple thing like CSS margins in <b><a href=\"setskin.asp?name=green\">Green<\/a><\/b> is not supported in <b>Opera<\/b>! <b><a href=\"setskin.asp?name=frame\">Frame<\/a><\/b> looks distorted in every other browser.<\/p>\n<p>On a side note, it&#8217;s a pleasant surprise to see Netscape Navigator have link highlighting (you know, those dotted lines around links when you choose them?)<\/p>\n<p><a name=\"nogeektalk\"><\/a>There you go. You&#8217;ve passed the geek talk. You are verrry brave. Here, have my golden star sticker. \ud83d\ude42<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Warning: Extremely website developer technical talk ahead. Click here to skip the jargon. For all the fun, and all the curiosity, I&#8217;ve installed Netscape Navigator 6.2.2, Opera 5.12 and K-Meleon 0.6 (a lighter version of Mozilla) just to test whether my site would look right in it. All the pages looked fine (duuuh, I hand-coded [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[13],"tags":[],"class_list":["post-28","post","type-post","status-publish","format-standard","hentry","category-geek"],"_links":{"self":[{"href":"https:\/\/glaringnotebook.com\/index.php?rest_route=\/wp\/v2\/posts\/28","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/glaringnotebook.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/glaringnotebook.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/glaringnotebook.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/glaringnotebook.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=28"}],"version-history":[{"count":0,"href":"https:\/\/glaringnotebook.com\/index.php?rest_route=\/wp\/v2\/posts\/28\/revisions"}],"wp:attachment":[{"href":"https:\/\/glaringnotebook.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=28"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/glaringnotebook.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=28"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/glaringnotebook.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=28"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}