Shoutbox

I'm trying to figure out how to design the site I'm going to be making for YASS. I have one implementation right now, but it looks rather simple.
The site as it is now can be viewed on localhost. The design is based upon a CSS Zen Garden stylesheet. On IE, the menu links are not the correct size, and on both Firefox and IE, the header bar on the menu is showing too large.

I have also been poking around the WordPress templates, and came up with another possibility.

I'm looking to see if anyone has any suggestions about my progress so far on the current site, or if anyone has other suggestions?

Also, I'm not the greatest with CSS, if there's anyone out there that is willing to give a hand, let me know.

Edit: updated link on localhost

I prefer the wordpress one to the localhost one. However I think the localhost one could work out better in it was a bit 'prettier'. That is to say, I think the colours you're using currently aren't very appealing or eye catching, whereas the zen garden one has a 'glossy' feel.

I think you need more gradients and richer colours. Also a header image/graphic.

quote:

---

Originally posted by rm rulz

quote:

---

Originally posted by SpunkyLoveMuff

quote:

---

Originally posted by vaccination
I prefer the wordpress one to the localhost one

---

---

---

localhost one wayy to bland in terms of colours.

Alright, i'm almost done but there are a few cross-browser issues going on. I'll make screenshots for ease of explaining, if people don't have the right browser.

In Firefox:
There seems to be a border above the body element that I can't seem to get rid of. I'm using the Web Developer addon in Firefox 2.0.0.11 to help me find borders. In this shot, the body element is outlined in red. This is despite having a margin and padding of zero. Setting body {margin-top:-20px;} will solve this in Firefox, but causes IE to loose part of the header.

In Internet Explorer 6:
Under the header, there is an unsightly gap resulting from using the position:relative style for the h2 and p elements in the header. Adding overflow:hidden will fix this and now looks perfect, but causes more problems in Firefox.





help?

use a different style sheet for FF/IE ?