New layout

Posted on March 09, 2003 @ 01:15 in Sitestuff

Welcome to the new layout: Vee-4-ooh.

This layout should work in all version 5 and higher browsers, but I'd be surprised if there were no issues whatsoever. If you find something weird or if something simply looks odd, I'd appreciate it if you'd let me know. Use the comments on this post or e-mail me (e-mail address at the bottom of the sidebar). Yes, I know that Opera 6 has a slight rendering issue with the top navigation... if you have a solution, I'd love to hear, but otherwise I will assume that Opera users are generally a bit more tech-savvy and willing to upgrade to Opera 7 when it becomes available on their platform.

The whole weblog section of the site has been converted to the new design, but there are two parts of the site still in their old clothes: the Cyberculture Resources and the page about my book. Work on a slightly more styled version of the site for Netscape 4 and even more support for text-only and/or text-to-speech browsers is under way.

I've paid extra attention to the scalability of the design. As far as I've been able to determine, it scales well from 640x480 to 1600x1200 resolutions. Text is also resizable. You probably don't want to set the text-size to anything smaller, but on a 1024x768 resolution you can enlarge to 200% and on a 1280x1024 resolution you can even enlarge safely to 300%.

There's more to say about the redesign, like the restructuring of the archive, but it's late now and I need some sleep. Let me know if you like it :-)

Comments and Trackbacks

  1. Are you refering to the hover in the nav? It's the only rendering "issue" I could find. It has to do with a small bug in Opera 6's default line height... in the fact that it's default line height is much smaller than every other browsers'. Try setting your top nav line height to 1.4em-1.5em (this may need to be hidden from Opera 5, though).

    Posted by sasha on March 09, 2003 @ 15:51

  2. Exactly, the hover in the top navigation bar is 1px off in Opera 6. I actually had the problem solved at one point by setting: vertical-align: top; but then IE6 showed exactly the opposite problem, shifting the hover up 1px, rather than down.

    I've also looked at CSS hacks for only feeding Opera 6 that line, but I haven't found a hack that only targets Opera 6.

    Alternatively, I could hide that line from IE, but as far as I can see at the moment, the design is displaying pretty okay on a number of Mac browsers and I don't know if that would break them (and it's hard to check because I don't have a Mac around...)

    So, unless someone comes up with something really smart, I'm going to have to live with the slight Opera 6 imperfection.

    Posted by Frank on March 09, 2003 @ 23:20

  3. It's actually safe to give to almost every browser (ns 4 and o5 are the only ones I've tested that might get angry). A line height of 1.4-1.5em is the default line height for most browsers.

    Posted by sasha on March 10, 2003 @ 15:17

  4. Upping the line-height creates too much whitespace around the text. I want the border-top and border-bottom to fit kinda snug around the text...

    Posted by Frank on March 10, 2003 @ 18:33

Post a comment

Comments and trackbacks have been closed on this site. My apologies.

Since MT-Blacklist inexplicably stopped working I had no other recourse than close comments and trackbacks to stop the spam. I've been meaning to correct this for quite a while, but life got in the way... in a good way I should add.