geektyme.v3 design - take 1 (cont'd)

I’ve been continuing my work on geektyme.v3. I’ve worked out a way to have fixed position headers and footers while allowing the content to scroll. It took a bit of work and lots of googling, but in the end I was able to get it working satisfactorily for IE 6 and above as well as any browser that follows standards. I’ve tested IE 6 & 7 as well as Firefox 2 at this time, and I’m going to test out some other browsers too. If you have a browser I haven’t tested, feel free to check it out in your browser and leave a comment letting me know if it looks right. You can find the development version here, and if you want to look at the CSS check out skel.css – this is just the base layout. Here’s a preview of what it looks like in the 3 browsers I’ve tested as of today:

Obviously from the small previews you can’t really tell the difference so you’ll need to click them to open the full size versions. IE 6 just looks a bit ugly – thanks to the lack of support for transparent png’s that I just don’t feel like hacking around – but it functions as intended so I think I can live with that. The XHTML validates as 1.0 Transitional, and of course the CSS passes the test too. Next up is the content, which I’m going to use unordered lists for. I just have to code it so they go horizontal instead of vertical and adjust to the size of the window. Then I’ll start the work on the actual navigation in the footer. After I have the base of everything, it will be time to start messing with good ol’ AJAX and adding actual content. At this point it won’t be database driven, but that’s the next step – it’ll be part of take 2, along with any other features I can come up with.