{"id":449,"date":"2007-06-30T11:46:45","date_gmt":"2007-06-30T11:46:45","guid":{"rendered":"http:\/\/fiveforks.com\/jeb\/2007\/06\/website_looks_a_little_sparse\/"},"modified":"2007-06-30T11:46:45","modified_gmt":"2007-06-30T11:46:45","slug":"website_looks_a_little_sparse","status":"publish","type":"post","link":"https:\/\/www.fiveforks.com\/jeb\/2007\/06\/website_looks_a_little_sparse\/","title":{"rendered":"Website Looks A Little Sparse"},"content":{"rendered":"<p>Our new pastor, Msgr David, sent me an e-mail saying the website &#8220;looked a little sparse.&#8221; I suspected it was an older browser issue, so I went looking for a website that would take snapshots of www.sjnlilburn.com in different browser versions. I had done this in the past, but I&#8217;m amazed at how the tools have evolved. I used two sites. <a href=\"http:\/\/browsershots.org\">Browsershots.org<\/a> (free) and one is <a href=\"http:\/\/BrowserCam.com\">BrowserCam.com<\/a> (free 24 hours trial.) The latter is really good and worth the trouble to sign up for a free trial. I used a bloglines disposable e-mail address to register, in case I want to sign up again.<\/p>\n<p>It turns out Internet Explorer versions 4, 5, 5.5, and 6 were all suffering from a stylesheet <a href=\"http:\/\/www.communitymx.com\/content\/article.cfm?cid=E0989953B6F20B41\">box problem<\/a> that, through some trial and error, I was able to repair.<\/p>\n<p>These are some of the many snapshots BrowserCam generated for me. (I could zoom into each one.) The second shows the sparse problem.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"sjn-ff15-linux.jpg\" src=\"\/jeb\/files\/mt\/2007\/06\/30\/sjn-ff15-linux.jpg\" width=\"261\" height=\"263\" \/> <img loading=\"lazy\" decoding=\"async\" alt=\"sjn-ie6-win2k.jpg\" src=\"\/jeb\/files\/mt\/2007\/06\/30\/sjn-ie6-win2k.jpg\" width=\"261\" height=\"263\" \/> <img loading=\"lazy\" decoding=\"async\" alt=\"sjn-ie7-xp.jpg\" src=\"\/jeb\/files\/mt\/2007\/06\/30\/sjn-ie7-xp.jpg\" width=\"261\" height=\"263\" \/><\/p>\n<p>The code fix was associated with <a href=\"http:\/\/tantek.com\/CSS\/Examples\/boxmodelhack.html\">a technique<\/a> to trick IE 5.0 \/ 5.5 \/ 6.<\/p>\n<p><code><\/p>\n<p>#left_menu  {<\/p>\n<p>width: 155px;<\/p>\n<p>voice-family: \"\\\"}\\\"\";<\/p>\n<p>voice-family:inherit;<\/p>\n<p>width: 155px;<\/p>\n<p>}<\/p>\n<p>\/* CSS1 UAs should see and use 2nd width *\/<\/p>\n<p>html&gt;body #left_menu { width: 160px }<\/p>\n<p><\/code><\/p>\n<p>Well-behaved browsers end up picking up the 160px width. IE 5 and 6 pick up the first 155. 5.5 picks up the second 155.<\/p>\n<p>The numbers are backwards, though, because the 160 should be a smaller number than 155 not larger, so there is probably something else going on. I&#8217;m just happy the site is no longer sparse.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Our new pastor, Msgr David, sent me an e-mail saying the website &#8220;looked a little sparse.&#8221; I suspected it was an older browser issue, so I went looking for a website that would take snapshots of www.sjnlilburn.com in different browser &hellip; <a href=\"https:\/\/www.fiveforks.com\/jeb\/2007\/06\/website_looks_a_little_sparse\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[],"class_list":["post-449","post","type-post","status-publish","format-standard","hentry","category-tech"],"_links":{"self":[{"href":"https:\/\/www.fiveforks.com\/jeb\/wp-json\/wp\/v2\/posts\/449","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.fiveforks.com\/jeb\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.fiveforks.com\/jeb\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.fiveforks.com\/jeb\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.fiveforks.com\/jeb\/wp-json\/wp\/v2\/comments?post=449"}],"version-history":[{"count":0,"href":"https:\/\/www.fiveforks.com\/jeb\/wp-json\/wp\/v2\/posts\/449\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.fiveforks.com\/jeb\/wp-json\/wp\/v2\/media?parent=449"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.fiveforks.com\/jeb\/wp-json\/wp\/v2\/categories?post=449"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.fiveforks.com\/jeb\/wp-json\/wp\/v2\/tags?post=449"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}