Critique please, Elysium Source

Chris F.A. Johnson wrote:

On 2007-04-03, Nik Coughlin wrote:
Just implemented the html and css for a redesign of a game engine's
site. I was given a photoshop image for the design, so while I'll
pass along any comments on the look and feel that I get, I didn't do
that, and I'm more interested in critiques on the html + css.
Obviously this is just a template with no content in it, the links
are just placeholders etc. The existing content on the site will get
plugged into it.

Here's the page:
http://nrkn.com/elysium/page.php

As someone else mentioned, it's very slow on first load.

This is how it looks in my browser:
http://cfaj.freeshell.org/testing/elysium.jpg

Yes, it seems to break slightly when the text size is increased too much.
Will have a look, thanks.

Jim Moe wrote:

Nik Coughlin wrote:

Here's the page:
http://nrkn.com/elysium/page.php

Using Seamonkey v1.1.1.
The rendering time is very sluggish. Always.

Look at the page with images disabled.
"spacer.gif"!?

I see no need for all of those DIVs. The corners and edges can all be
floated images. It would then be only a single div.

No, it doesn't work. Try it. Also, by moving the rounded box elements from
css backgrounds to image tags you are turning layout images into content
images, bad idea. It would look horrible in a browser without css. As I
said to mbstevens:

The divs are just a container for the background. Unfortunately because a
box is made up of 9 sections:

/-\

@|
\-/

I need 9 divs for each box in order to be able to apply 4 different corner
backgrounds, 4 different edge backgrounds, and a central background. I have
seen tricks that reduce this number but they all break as the box gets past
a certain size. I'll keep looking into it though, and see if there is room
for improvement.

Are the gaps between the decorative headers/footers and content
supposed to be there? Looking at the jpeg, I guess not.

Do you mean the spacing between each of the three rounded boxes, or the gaps
that appear within the boxes as Chris pointed out here:
http://cfaj.freeshell.org/testing/elysium.jpg

The former is intentional, the latter is an issue.