100% Min Height issue

His meta tags are perfectly fine. Nav isn't useless at all, it's a replacement for Unordered Lists being used out of context (most menu's tend to follow an order) and also menu links having the redundant List Item tag around them.

NO, that's NOT what NAV is for -- NAV is to indicate the section is not content and can be skipped by accessibility UA's -- READ about NAV in the specification -- and that's WHY it's redundant to heading navigation if you use headings properly, which is to say NOT how that bloated ignorant half-assed crap known as HTML 5 says to.(assuming you're in a UA that actually cares about accessibility and ever bothered finishing it's HTML 2 implementations, so Opera and Blazer... and JAWS adds the functionality)

Link

is a lot more semantic and logical than

• Link

. Not to mention it's shorter. It comes down to how much control you want over menu item's in the end.

Except at that point what are you gonna do, wrap NAV around every blasted lone anchor on a page? If there's multiple anchors, how are you semantically saying it's not one giant run-on sentence since A doesn't actually change the meaning of nor provide structure to the text it's around?

Hence the reason to pimp-slap all the re-re's who do crap like this:

Home Links

Do you need an extra tag around the menu items to style them correctly? If not, use

.

If you are choosing semantic tags based on what you are doing for STYLE, you are choosing the wrong tags for ALL the wrong reasons.

Oh, and as to the meta? They are broken from poor formatting, and the keywords is overstuffed nonsense since keywords should be 7 or 8 words that exist inside BODY that one want's upranked, totalling less than 128 bytes (some places like SEOWorkers tells you to use even less). Because it's an endless mess of some twenty odd words that do not exist, it will be ignored. Of course, NOBODY using it properly is why EVERYBODY seems to think it no longer has any impact.

-------------- on to the OP's question -------------

For the most part I suspect any extra height is coming from a lack of a reset since some browsers start out with padding and margin on BODY or HTML, the presence of border on your min-height element adding to the min-height, the height:100% on a element inside the min-heighted element should either end up too tall or too short causing layout issues... as does the border on the footer which also adds to the height, meaning you'd need to ADD

Of course that you set border styles without setting it's widths can have all sorts of bizarre behaviors cross browsers... and generally speaking you want min-height layout, you cannot do top or bottom borders or paddings on ANYTHING that has height/min-height set on it.

There are the markup issues too -- some stupid header DIV and IMG tag doing H1's job (with an image replacement technique like gilder-levin) so you have a logical document structure and images off graceful degredation, you've got P+B doing H2's job (Not that I'd repeat that text again for no reason!), P and a non-breaking space doing padding's job, an extra DIV with inlined style for christmas only knows what, P and STRONG around text in the footer that is neither a paragraph nor should it be recieving emphasis, etc, etc...

So the first order of business is to clean up the markup, excuse me as I swing an axe at the HTML 5 asshattery:
    xmlns="http://www.w3.org/1999/xhtml"    content="text/html; charset=utf-8"    content="width=device-width; initial-scale=1.0"    content="Countryside Cabinet Shop has been in business for more than 20 years, with a history of craftsmanship going back generations."    content="Cabinet,Craftsman,Kitchens,Bath,Offices,Furniture,Installation"               

Home

       

Services

            Gallery               

Kitchens

               

Bath

               

Offices

               

Entertainment

               

Storage

               

Convenience

               

Misc

               

Renders

       

Location

       

About

       

Contact

            Countryside Cabinet Shop has been in business for more than 20 years, with a history of craftsmanship going back generations.  What started as a hobby has grown to become a full time cabinetry business.            Our main focus is on quality and customer satisfaction.  We believe in quality, and every cabinet or piece of furniture we build speaks for itself.  We install what we build, because we believe that cabinetry or furniture is only as good as the installer.            We are excited about the future and look forward to serving our community in the years to come.  You can rest assured that we will stand behind our craftsmanship.  Our goal is to design and build a product that is customized to fit your specific needs.  We will work with you from the early stages of design all the way to installation and completion.    Quality From Design To InstallationGimme a few minutes to wake up and get some coffee in me, and I'll belt out the CSS to go with that 'fixing' any issues. A good number of issues can be resolved by adding a reset and explicitly declaring the border widths, NOT setting top or bottom borders.

View the original article here