http://www.TechJobsVancouver.com - CSS Layout

Hi Everyone,

This is my first post but I've been reading this forum for a while now. I've found lots of great tips here

This is my first attempt at a table-less CSS layout: www.TechJobsVancouver.com

I've tried to create the site to be fast, simple, and useful. What do you think of the site?

There's one spot where I had to use a table for layout. It's on the job listing page. I use a table with two columns. The left column holds a message showing the number of jobs returned and the right column holds the navbar. I used a table here because both the message and the navbar are variable length and both need to be bottom-aligned. I've searched for a solution but the answer I've found is that it's impossible to do this using CSS. If you have a solution then I'd love to hear it.

You seem to have two links to the your style sheet, one in the header (which is correct) and then one down near the bottom of your source, you need to remove the second one.

You've made a really good start towards CSS based design, your site looks professional and very slick, but I feel there is still quite a bit of work to get your mark-up in good shape.

For example:
Your two tables, should probably be marked-up as one, in the following way. Otherwise the coloumn headers have no association with their respective coloumns.

Three: Thanks for pointing those mistakes out. I removed the bottom <link> tag and merged the two tables into one. I didn't know about the <thead>, <tbody> and <tfoot> tags so I think they'll come in handy in the future, too. I'm going to upload the code on my server later tonight.

Any other tips? Is the site fairly quick to render and navigate for everyone?

Everything seems to render pretty snappily, and navigation is also fairly clear and quick, although there aren't many places to navigate to at the moment, if you plan to scale up the site, you might run into problems in that area (unless that is what the blue column is for? )