I made this for a Uni assignment: http://jacoblynagh.com/designcourse/ It's based on the method at www.csszengarden.com - basically I have to improve the design of the site by only editing the CSS, not the HTML. And I think I did a good job at it. The only problem is at the moment it only looks good in my resolution, 1440 by 900. On smaller resolutions the whole right panel (the bold 'csszengarden' text and menu that scrolls with the page) covers a lot of the body text, doesn't all show up and is just way too big. But it all looks perfect on my resolution. What methods should I use to correct the problem, don't tell me what exact code to change or anything, just methods on how to fix it. Thank you.
Laundry list of problems -- designing specifically for a ridiculously large fixed width, illegible color contrasts (light grey on white? on RED?!? REALLY? REALLY? REALLY...), absurdly undersized px metric fonts in that nav bar thing... and that's before we talk the disastrously bad source code -- though of course it's based on that CSS zen garden nonsense which really should be called "how not to build a website"... from the nonsensical heading orders to the uselessly meaningless title attributes on the accesskeys (hit shift-esc in opera to see what I mean), it's really time "zen garden" was put down like old yeller. But I've been saying that for eight years so... My advice -- don't sweat it as to make a useful page out of that you'd be throwing it out and starting over from scratch anyways.