Skip Navigation

Presto! Change–o! Rearrange–o!

Hit reload. Then hit it again. Hit it more if needs be, but here it is: another iteration of decaffeinated dot org’s layout. It’s one step closer to looking like Dave Winer’s Scripting News, which is unfortunate, but I think it’s a step in the right direction for now. It uses PNG extensively, taking advantage of its super–awesome compression, but doesn’t rely on transparency as the old layout did; meaning it plays nicely with Internet Explorer.

Also in the playing–nicely–with–a–shitty–browser–with–massive–market–penetration department, this layout makes absolutely no use of CSS’ display: fixed property; welcome to the IE6/Win era. The upside to that lack of fixed elements is improved keyboard navigation: when you hit Space or Page Down (expecting to scroll one page–length), none of the text is obscured by the masthead. It’s the little things that make the difference. The layout is fixed–width, something that’s partially against my own web design regulations, but it reinforces the ‘printed page’ look so I’ll let it slide.

Over all it’s a nice, elegant layout and works wonderfully in all major browsers; somewhat of a departure from this site’s checkered past. IE5/Mac, IE6/Win (yet to test IE5/Win), Opera 6+, Safari/OmniWeb/KHTML, Netscape/Mozilla/Gecko… it’s all good.

UPDATE: IE5/Win tested and passed. I won’t say it passed with flying colors, since it still makes a bunch of mistakes rendering the page, but it’s passable… which is a good thing, because I passed it.

UPDATE: Upon further inspection (that is, coming around to Fiona’s place and seeing for myself, rather than relying on a screenshot she sent me), the problem with IE5/Win is related to its handling of display: inline and the adjacent sibling selector. Simply put, my CSS says “Hey, if you see a list that’s called ‘navigation’ display it inline (ie– a horizontal list, rather than vertical) and put some padding around each list item”… something it doesn’t do particularly well. It also tells the browser “If you see a Header–2 element next to a paragraph element, make them inline too, so the Header looks like it’s part of the paragraph.” Again, it doesn’t do too well. Oh well, they’re not deal–breaking errors and I have plenty of time to address them from my own computer; shit like this seems simple until you’re stuck on Fiona’s P2 200MHz Win98 box… on dialup.