View Full Version : Review/Errors for my latest CSS endeavour...

09-15-2004, 08:37 PM

It's font-scalable, but the top menu loses whatever prettiness it might have. Took me one prior attempt at the layout before I realised "wait a tick, I can't do it this way..." But then I was happy to learn it worked in IE5.5+ and FireFox. Any Mac and Opera testers would be appreciated :)

As for reviewing/critiquing, the client's already happy with the layout. I may have to tinker with colours to get her completely satisfied, but that's nothing to worry about.


PS: No relation to client :P

09-16-2004, 05:44 PM
Looks really good. The only complaint that I have is the black headers and the black border on the links onhover. They just seem to intense compared to the soft tones of the rest of the page. Keep up the good work. :thumbsup:

09-16-2004, 06:07 PM

And the headers: They aren't black :p They're deep brown.

09-17-2004, 09:03 AM
What menu?

09-17-2004, 11:13 AM
I'm with Ronald ^^
Nice design :thumbsup: (2 years ago I would have gone "eeew - 80's!; but that's all coming back now...)
The menu needs some love man - big time. It's pretty much invisible. Bold text, different colour text, a light background for each link....something! :D

If we're going to get picky about it - The logo text looks slightly ascew. The 'W' looks like it should be a few pixels higher, just so it clears the white gradient.

09-17-2004, 12:41 PM
No, really: I can see the page (nice design, by the way), I can see the unordered list in the code, but I can't see the menu!!! Anywhere! Oh, I'm on IE6.0/Win2000.

09-17-2004, 01:15 PM
The menu's at the top above the header on the right, and its background is actually the sidebar extending up and under the header and up again.

The reason it's so small is that I hadn't planned on making it a huge player in the site's navigation... That sidebar will eventually contain a bit of key content from each section, and there'll be links to each section from there. I may still try to brighten it up though.

Edit: Ack. The menu is actually missing in IE6. Wonder what I did that made it go away... Hrm...

09-17-2004, 01:29 PM
Oooook... The menu ceases to exist when I apply position: absolute. I've tried ONLY applying position: absolute to that menu and it just disappears. Not hidden behind anything, either. I gave it a 500px red border, and no red was visible.


IE5.5 is hiding it too... Oh dear.

09-17-2004, 03:13 PM
Ok, so apparently if I resize my IE window to ~800x600, the menu will *pop* into existance and be properly positioned... I can maximize the window and it'll still be there. If I reload, it goes away again. Super...

Anyone have the slightest clue why it would behave like this?

09-17-2004, 03:16 PM
Something with Z-index, maybe? Explicit width?
Try top: 0 and left: 0 or some other values close to it, or place it in the sidebar code and position it absolutely to that (sidebar: position: relative).

09-17-2004, 03:19 PM
I don't want to place it in the sidebar because I'd rather it appear before the content in the source. I've tried z-index and I've tried using top: 0; left: 0; to no avail. Will keep trying stuff.

09-22-2004, 09:04 PM
Most of your audience will be at 800x600 or 1024x768, not 1280x1024. Your layout should be resolution-independent anyway, there's nothing in this design that prevents you from doing so.

I like the simplicity of it.

09-22-2004, 09:39 PM
I caved and threw the menu into the sidebar (in the source) and it works now. *shakes fist at IE*

It seems to work in all resolutions... Only "trouble" is that anything below 800x600 will cause the floated sidebar to scoot down below the content, but I doubt if anyone'll resize to something that small anyway. I'd prefer there to be a horizontal scrollbar, but I'm not sure it's possible since the layout is liquid AND fixed at the same time...

09-22-2004, 09:49 PM
The sidebar and menu do not like up with your body tile when sized below 1280x1024, not to mention the completely unecessary horizontal scrollbar.

Also, it is not at all a fluid layout at all really. Fluid implies that the layout adjusts its dimensions, padding, margins, etc. in response to the viewport. Yours is fixed.

09-22-2004, 10:00 PM
I'd left my width on the menu. Fixed that.

And it is somewhat fluid in that the titlebar and header extend the full width of the page, and their margins are percentages ;)

Far more noticeable at 1600x1200. You might argue that I could've used a background image, but I can't rely on pixel-perfect rendering of the upper section (the header might be a tad taller in one browser than the other, throwing everything horribly off).

09-22-2004, 10:04 PM
Mac feedback :cool:

Safari: Adds a unnecessary horizontal scroll bar

Time to fire up other browsers...

First up... Gecko Engine Browsers:
Nothing wrong

Opera: Nothing wrong

Lynx ;): Menu and header graphic below about me section

09-22-2004, 10:06 PM
Lynx. HA. Menu being below the main content doesn't annoy me too much...

About Safari, you sure that horizontal scrollbar wasn't from the menu width thing I just fixed? Mind giving that shot again, please?

Thanks :)

09-22-2004, 10:14 PM
It's not. It's like I said man, the layout goes all to hell at anything below 1280x1024. And again, with this design, that is completely unecessary. I mean, do you not have the ability to check this for yourself or something? I can post screens if need be.

09-22-2004, 10:15 PM
OK, fixed in Safari.

Posting this from Lynx :D God, I must be mad using Lynx :p

09-22-2004, 10:17 PM
|V|[agnus']It's like I said man, the layout goes all to hell at anything below 1280x1024.

It looks fine on my 1152x768 PB G4 15" Ti...

09-22-2004, 10:29 PM
Seth, try a CTRL+F5. I suspect the position.css file is cached for you... Like I said, it was going apepoop for me too below that res, but that's because #menu was set to width: 500px in one of my many attempts to get IE working. I removed the rule, reloaded, and it sizes just fine down to 800x600 with no horizontal scrollbar.

Oh, and thanks for the Safari update. I suspected you'd tested in it just before I applied the fix ;)

09-22-2004, 10:30 PM
Ah, indeed, that was the problem. FF almost never has caching issues like this, so I assumed that couldn't be it, but I supposed I should have thought twice when I was the only person seeing what I saw. :)

09-22-2004, 10:32 PM
Read my last reply... I'm still convinced the position.css file is being cached. That's how it looked when my menu was 500px wide.

09-22-2004, 10:34 PM
Easy uber-poster... I gotcha. You posted that while I was composing my previous reply.

09-22-2004, 10:35 PM
And you posted THAT while I was typing MY reply. Ha.

09-23-2004, 11:06 AM
Are you two finished...? :D

On IE6.0/Win2000 the sidebar pops below the main content when you reduce window width to I guess somewhere below 750 as well; that's not a big problem, albeit slightly unelegant. What is a problem is that Jessyes photograph is covering up the last several lines of the main content;that can hardly be called graceful degradation.