CSS - Best Practice - File Release

What do you guys think....just a template I made for practice

http://csstest.dmsbdesign.com/templates/templates%201/

heres the color scheme I used too incase you guys have any suggestions

http://colorschemedesigner.com/export/

Hi Everyone,

I'm currently building a site for a client that has a 3 column layout and horizontal footer at the bottom of the page.

The client has requested the navigation column (which is running down as the far left column, (I have attached an image for clarification) has a background-color that runs down the full length of the page, from the top of the browser window until it meets the footer at the bottom of the page.

The footer needs to do the same, but expand horizontally so it stretches from the left of the browser window to the right. Additionally, if the user is on a larger screen size that creates more vertical space at the bottom of the browser window, the background-color of the footer needs to stretch down to meet the bottom of the browser window.

Currently, the website is set up so the 3 columns (including the navigation) is housed in a div tag with relative positioning, auto margins for centering and 960px width.

The site is currently in offline development so I unfortunately won't be able to share it with you at this stage. However, please see the attached image for clarification.

What I'm after is opinions on a best practice to achieve this. I have tried setting the navigation height to 100% and footer width to 100%, however it's producing undesirable results.

Any help would be greatly appreciated! Please let me know if you would like further descriptions.

The image can be found he

www . harrycourt . com /temp-images/layoutimage01.png

Edit: I forgot to mention an important point. I would prefer if this can be achieved while keeping the height of the main wrap container as auto, as opposed to a pixel value.

Thanks,

Harry

Hi team,

Ok, so I'm biting the web2.0* buzzword bullet, and decided I want a tag cloud & I'm wondering what's the best (standards compliant, portable, etc ) way to handle this in css?

The main issue I'm having is how to handle the random positioning of the tags in the cloud? Any ideas on the semantics of these tags - are disconnected href's ok, or should I be wrapping them in p's or something?

Another question - is there a more elegant way of handling different sizes without having one style for each size?

Cheers all,
Simon
(* )

Is it more common practice to place all div's within one div as seen he


Or to have all div's independent, as shown he

I saw the use of multiple classes in one "class" attribute at a contract I was on, I wanted to know how DevShed people felt about this practice.
Basic Example:
css Code:
Original - css Code .redFont { color: red; } .blackBack { background-color: black; }

  

 .redFont {


     color: red;


 }


 .blackBack {


     background-color: black;


 } 

html Code:
Original - html Code <pre class="redFont blackBack">test</pre>

  
<pre class="redFont blackBack">test</pre>

Seems to work with javascript in Firefox and IE, anyway..
javascript Code:
Original - javascript Code element.className = 'redFont blackBack';

  

 element.className = 'redFont blackBack';