Interesting (I hope) CSS layout — OZONE Asylum, home of the Mad Scientists

Interesting (I hope) CSS layout

This page's ID: 10248

Edit Post

Who can edit a post?	The poster and administrators may edit a post. The poster can only edit it for a short while after the initial post.

Your User Name:
Your Password:
Login Options:	Remember Me On This Computer

Your Text: Insert Slimies » Insert UBB Code » Close Last Tag \| All Tags UBB Help	Have a glance at [url=http://www.alanmacdougall.com/strieter/]http://www.alanmacdougall.com/strieter/[/url] . I'm only presenting the front page at the moment -- the rest is crap right now, and I probably won't need a review once I'm done with it, since it'll be considerably more normal. You'll note that I've used absolute positioning, with percentages for x,y positioning and, in some cases, width or height. For instance, the sunny roadside at the right of the page will change width depending on your browser window, and the deer-crossing photo at the bottom left will change both width and height, although your browser would have to be pretty tall to see that. I've tried to set things so that the layout will be different yet pleasing at 600 to 640 px wide, at 720 to 800 px wide, and at around a thousand pixels wide. I'm going to assume that most people with a desktop larger than 1024x780 don't maximize their browsers, but if they do, they'll just see a bunch of spread-out images. If you've got something nice to say about this layout, I'll be delighted to hear it, but I'm more interested in hearing if there are any problems with it. If the layout is looking sloppy at one of the sizes I mentioned; if the design itself just isn't sufficiently spiffy; if there are technical issues; please give me some feedback. I'm particularly worried about technical stuff, since this page is pretty drunk on the CSS z-indexing and positioning. (Once the site is live and happy for modern clients, I'll be going back and optimizing for Netscape 4. Using NS4 style-hiding, it'll be a very different layout for those users.) I've noticed one weird thing already -- when I refresh the page in Opera 6, the central text box sometimes gets overlapped by the dark-highway and blue-stag images, in violation of its explicit z-index and even common sense. It's an effect that I couldn't reproduce normally if I tried, so I'm assuming it's a rendering bug. Fortunately the page seems to work right on the first load 100% of the time, so as long as you don't refresh in Opera you should be fine... any similar weirdness should be reported to me immediately! :) edit: Argh! Bastards! I clicked my own link in Opera and boom, there's that rendering bug. Resizing the page seems to fix it... any ideas, ladies and gentlemen? The text box in question has a z-index of 50, way more than anything else on the page. I've been spacing my z-indexes by 5s and 10s, to make it easier to insert objects later if need be. [This message has been edited by Perfect Thunder (edited 12-12-2002).] Loading...
Options:	Enable Slimies Enable Linkwords

« Backwards — Onwards »

Show Forum Drop Down Menu