Cross browser compatible? www.darker-fields.com

Hey there.

I'd be really appreciate some feedback on my site:

http://www.darker-fields.com/index2.php

In particular I'm looking to find out how it is displayed on differant browser/platform combinations, especially on macs, as I don't have access to one.
I've tested it on Win XP: IE6, Moz 1.4, and Opera 7.20

I've still got some tidying up of the graphics to do, but any comments/critical feedback on the general look of site would be great.

Any questions/suggestions?

Thanks...

Anyone? I'm feeling pretty lonley here....


How does this view on your broswer/platform combos?

Ta

Your link results in a 404 File Not Found error and the domain only results in a 403 Frobidden error.

Yeah, my bludy server went down yesterday, now its back up, but notr backed up. I'm still waiting for the ftp to let me in so I can re-upload the darn thing. Grrrrrrrrrrrrr!!

Will try and get some feedback when its really online.

Nevermind...

Finally!

Ok, server back up now, so.

If anyone could take a look:

http://www.darker-fields.com/index2.php

I would really appreciate it.

Thanks muchly

Looks fine in Firebird 0.7 (morzilla 1.5 I think) and IE 5.5 windows 2000.

The only noticable thing (barely) is that in IE, the gray border thing at the bottom doesn't have black borders at the sides.

Otherwise, fine.

The gallery looks quite interesting BTW. Good luck

Ah, cheers

Yeah, if I put left/right borders on the footer, it looks fine in IE, but in Moz/Opera, it puts the left border inside its parent div (as its supposed to, I guess) so the border becomes 2px wide at that point on the left, and pushes the right border over by 1 px, very annoying, but havn't found a fix for that. Will probably resort to using 2 style sheets if it becomes a problem...

Any mac users find any problems?

Try this to fix that border problem:

You could add some subtle distant lightning type animation to the top banner image ... yea moving clouds would be damn cool too ... and swaying trees ...

the background picture was maybe a bit large, 55kb.

and don't use br-tags to create space,
or paragraphs, use p-tags in the markup and margin in css to controll the flow

in the logo dont use an image as background place it in the div tag.

ie
<div id="logo"><img scr="path/to/image.png alt="Darker Fields" />
</div>

i see that you have done this with second banner on the front page, but as the logo in on all the page you should place it as a image. otherways you only got an empty element, which doesn't display any info if the visitors can't/wont display the images.

on the gallery pages you skip for some reason from h2 to h4, what wrong with h3? use the proper tag and use css to controll the look

Thanks for responses guys.

jharnois: I havn't got you're fix to work with IE, yet, but still working on it, thanks for the tip.

bambam: Yeah, I thought about doing something like that, but I tend to think animated banners can get really annoying and are often abit large, but appreciate your enthusiasm

Akh: Yeah, I'm still tidying up/optimising the graphics, so will reduce the bg img.

Point taken about br and p, I just used the content from the old version of my site, and havn't cleaned it up yet, but thanks.

The banner I put as bg, coz I was planning to have stuff happen in the div, but may abandon that (see bambam, above) not sure yet, but good advice.

Ah, h4/h4. Yeah, I'd used h3 elsewhere, in my re-vamp, but that got left behind, will change it back to h3, as defines in my style sheet. Well spotted!(thankfullly php generates the gallery page, so won't take long to change)!

Again, many thnks ppl, still interested if IE 5 on a mac displays ok...?