11 replies [Last post]
dyonak
Offline
Regular
Last seen: 17 years 30 weeks ago
Joined: 2005-03-08
Posts: 35
Points: 0

Here's a site I've just finished up the layout on. I think I have it working uniformily in all browsers but please if you have any problems let me know. If anyone could let me know if they have any issues with Mac IE that would be super! The nav doesn't work so don't bother with the buttons.

JWOutreach(forgot the link! Thanks briski)

briski
briski's picture
Offline
Elder
London
Last seen: 10 years 16 weeks ago
London
Timezone: GMT+1
Joined: 2004-02-16
Posts: 1066
Points: 0

JWOutreach

Am I missing something or is the link to the site missing?

antibland
antibland's picture
Offline
Leader
Pittsburgh
Last seen: 13 years 38 weeks ago
Pittsburgh
Joined: 2005-01-17
Posts: 603
Points: 0

JWOutreach

Well, one problem is that it doesn't validate (14 errors came up) and therefore falls short of its xhtml 1.0 trans doctype. Many of the errors are simple to fix (e.g. missing alt attributes within img elements) but others could take some time (flash plugin validation error).

From an aesthetic position, I don't like the animation in the navigation area. The hover state makes me think of a large eyebrow. One problem I noticed was that your rounded corners are a little off. I've attached a screen of what I'm talking about. You may have to re-cut them in Photoshop as the right side corners (top right, bottom right) seem about 1-2 pixels short of what your looking for. This behaviour doesn't occur in IE6/win but in modern Firefox and Mozilla browsers for windows. I haven't tested in Mac environment yet.

dyonak
Offline
Regular
Last seen: 17 years 30 weeks ago
Joined: 2005-03-08
Posts: 35
Points: 0

JWOutreach

I'll do the validation later, I don't think I'm too worried about getting the embedded flash pieces to validate but I will add alt's to all the images.

The 1-2 pixels off issue I have seen in firefox as well but as you resize it goes away and comes back, sometimes it looks smooth then I'll resize and I can see those lines pop in. I'm not sure what causes this but it's not the graphic. The corner pics are set to float:right or left respectively so they should go all the way to the edge and you shouldn't be able to see the repeating background image for the header beyond them. Any ideas why they are showing in FF?

Anonymous
Anonymous's picture
Guru

JWOutreach

It crashed IE/Mac every time I tried to open the page.

dyonak
Offline
Regular
Last seen: 17 years 30 weeks ago
Joined: 2005-03-08
Posts: 35
Points: 0

JWOutreach

Any idea why that would happen?

EOBeav
EOBeav's picture
Offline
Regular
Pendleton, Oregon
Last seen: 16 years 1 week ago
Pendleton, Oregon
Timezone: GMT-7
Joined: 2004-08-06
Posts: 49
Points: 0

JWOutreach

I think you've got a great beginning here. I especially like the color combinations. I have to disagree about the menu "blinking", I think it's a simple, effective way of letting the user know when they're on a hyperlink. Finish the rest of it up, validate it, then let us know to take a look at it again.

Get Thunderbird!

rmfred
rmfred's picture
Offline
Elder
Rock Springs, WY
Last seen: 4 years 1 day ago
Rock Springs, WY
Timezone: GMT-6
Joined: 2004-01-31
Posts: 1073
Points: 31

JWOutreach

Sorry if I'm confused here... but I thought you had the rounded corner problem sorted out in your thread about "endcaps"? Something about margin-right: -4px;

thepineapplehead
thepineapplehead's picture
Offline
Moderator
Last seen: 23 weeks 3 days ago
Timezone: GMT+1
Joined: 2004-06-30
Posts: 9683
Points: 819

JWOutreach

Getting completely different in IE and Fx.

Firefox first (temp1)

then IE (temp2)

Maybe because I'm using adblock?

Verschwindende wrote:
  • CSS doesn't make pies

dyonak
Offline
Regular
Last seen: 17 years 30 weeks ago
Joined: 2005-03-08
Posts: 35
Points: 0

JWOutreach

rmfred wrote:
Sorry if I'm confused here... but I thought you had the rounded corner problem sorted out in your thread about "endcaps"? Something about margin-right: -4px;

Yeah I got the endcap issue taken care of in IE5.x I just reference a different CSS for IE5.x browsers with a -4px adjustment to the left and right respectively for the left and right endcaps to form the rounded corners. It nows looks good in IE 5.x browsers for me but this is a different issue I think. In firefox it will SOMETIMES, based on window sizing, have the background spilling out but it's only like a pixel or two and it only pops out behind the right endcaps of the header/footer.

-pineapplehead, what version of FF is that? I've got the latest FF at home and it looked the same as your IE pic for me in FF, is there anyways you can turn off adblock temporarily and try it again?

-EOBeav, thank you I will definitely get it validated and do that. I do plan on changing the buttons a little bit though, the slide down will be quicker and the line underneath them will draw itself in from left to right after they are all the way down.

thepineapplehead
thepineapplehead's picture
Offline
Moderator
Last seen: 23 weeks 3 days ago
Timezone: GMT+1
Joined: 2004-06-30
Posts: 9683
Points: 819

JWOutreach

It's Portable Fx, so version 1.0.

However, tried on my home machine (1.0.1), still get the same problems. Ergo, it's most probably an adblock thing.

Verschwindende wrote:
  • CSS doesn't make pies

dyonak
Offline
Regular
Last seen: 17 years 30 weeks ago
Joined: 2005-03-08
Posts: 35
Points: 0

JWOutreach

xhtml/css validate with the exception of the embedded flash

I think I'm done with it minus a few changes, I just wanted to thank all of you for helping me work through the CSS issues!

Feel free to let me know if you think anything needs to be changed I'm always up for some good input Wink