ozblog

Introduction

It is often nice to have your webpage span the full height of the window even if you only have a small amount of content displaying at the top.

With min-height hack	Without min-height hack

The Problem

This is easy in standards compliant browsers like Firefox with the CSS min-height property. However IE (Internet Explorer) 5 and 6 doesn’t understand the min-height property.

Although IE doesn’t understand the min-height it will treat height almost as though it were min-height and will expand an element that contains its content even though the height has been set.

Standards compliant browsers on the other hand will not expand an element past the set height. So height cannot be used as min-height.

Defining both height and min-height in the same element won’t work because height will override the Min-height in standards compliant browsers.

The Solution

That’s when I came across this nifty little hack. Thanks http://www.dustindiaz.com/min-height-fast-hack/

selector {
  min-height:500px;
  height:auto !important;
  height:500px;
}

The Explanation

So how dose it work? Let’s break it down.

height:

• In standards compliant browsers height is a fixed height, non expanding “not more not less”
• In IE height will set a fixed minimum height but will expand with the element if it exceeds the set height.

min-height:

• In standards compliant browsers min-height is, a fixed minimum height. “I want it to be at least this height” and will expand with the element simpler to height in IE.
• IE doesn’t support the min-height property.

!important

• An !important declaration can be likened to an override. It allows you to declare an overriding property, which will be considered taking precedence even if there are other rules with the same specificity declaring.
• IE6 ignores !important.

height: auto !important;

Let the actual final height auto-adjust (while obeying the declared min-height, of course). Even though auto is the default for any element’s height, we want to declare it because of the following rule.

So standards compliant browsers will see:

min-height: 500px;
height: auto;

IE6, on the other hand, due to ignoring !important and not understanding min-height, will see:

height: 500px;

And there you go min-height that works in all modern browsers.

Do you think blogs are a passing fad? Think again. One peek on popular blog-tracking site Technorati reveals more than 112.8 million blogs in existence. Experts estimate 175,000 new blogs are created every day.

Especially in the corporate world, a blog is an easy, effective way for a business to stay in touch with current customers and reach out to new ones at the same time. It acts like an ongoing conversation, allowing you to communicate directly to your buyers and build brand loyalty and trust.

Plus, maintaining an active blog raises your company’s online visibility, driving traffic to your Web site, meaning increased sales for you.

Consistency: Whether you update once a week or once a day, sticking to a regular posting schedule is crucial. Just like any other form of marketing, the success of your blog depends on the relationship you’ve built with your audience. Developing that relationship requires frequent communication. Regularly updated blogs score higher in search engine rankings, making it easier for potential readers (and customers) to find you online.

Write for your buyers, not yourself: Save your stream-of-consciousness poetry or Grandma’s apple pie recipe for your personal blog. Your buyers don’t care. Instead, stick to the topics your customers care about. Offer solutions for their problems, or analyze news stories and market trends that impact their lives. That’s not to say you can’t show personality in your posts. But generally, readers don’t visit a company blog to find dessert recipes. They want information and interactivity. That said …

Don’t advertise: Treating your blog like another Yellow Pages ad won’t net you new readers. Instead, provide the info your reader really wants to know, like tips and tricks, checklists, DIY guides, interviews, etc. Suppose you’ve planned an upcoming promotional event. Instead of posting a schedule or price list on your blog, run a Q&A with one of your presenters or a series of posts about a topic explored at the event in more detail. Remember that a blog is a conversation with your buyers, not an advertisement.

Comments = Traffic: Keep comments turned on, even the negative ones. Healthy debate indicates a healthy blog. Comments from those who disagree with you “add credibility to your viewpoint by showing two sides of an issue, and by highlighting that your readership is passionate enough to want to contribute to a debate on your blog.”

Make it easy for your readers to find you: Give your blog prime real estate on your company Web site. Mention it in newsletters and e-mail blasts. Be sure to use tags wisely, including social media tags for aggregators like Technorati, DIGG and del.icio.us. Finally, be sure your blogging software handles RSS (Really Simple Syndication), a feature that delivers blog updates directly to subscribers. That way, it’s even easier to keep your readers posted.

No matter how attractive a site’s design, if it isn’t practical, it’s not doing its job. Design for the screen involves a new set of requirements to deal with and pitfalls to avoid
There are many good and bad things you can do in web design, the following is a list of some of those options and how you should deal with them.

1. No page counters. Page counters do nothing except make you look like an amateur, mess with your design and tell people information about your site you probably don’t want them to know!
2. Forget blinking or flashing text. The only place you see blinking and or flashing text is on the neon signs of naked bars or websites made in the mid 90s! People don’t like them and expect to see naked people inside sites or buildings that have them … enough said.Let’s discuss an important point about online content/text versus print. People read text off a computer screen at about 1/4th the speed that they do paper.This important fact tells us that we should keep what we want to say on the web short and sweet. If some of my articles have been too long, I apologize for my flapping mouth and keyboard!
3. Make your titles on your web page make sense. One of the core attributes of a web page is its title. The page title is what users will see in there search engine results. People pay attention to page titles, so you should make sure that they are clear.
4. Flash intros. I am guilty of this as much as the next guy. A few years back Flash intros where all the rage, not sure if anyone knew why we needed them, but as it turns out the ‘skip intro’ button is the 2nd most clicked on the web today. Don’t waste your time on Flash intros and in my opinion Flash should be only used in special situations.
5. Under construction pages. Just forget it, if the page is not ready, don’t put it up. If you have links that are pointing to the pages, disable them until your page is ready.There is one exception, MMOW.biz uses an Under Construction page as a placeholder for newly created site, this is to allow you the site admin to find and login to your sites backend. I recommended you don’t disable this page until you have some content in your site.What ever you do, don’t put one of those cheesy ‘under construction’ images on the page.
6. Do keep a common layout throughout your website. Some web designers get bored with what they’re doing and decide to create different layouts for web pages within same website.People like things consistent, so your web pages should be too. That’s why all windows programs have the same look and feel, the same goes for the Mac programs.
7. Don’t create automatic pop-up windows! JavaScript pop-up windows are probably one of the most annoying things you can do to someone visiting your website. If you want to annoy your visitors go right ahead.Pop-ups are typically used to present ads and other ‘non-core’ material to users. If you use pop-up windows, you have to learn how to integrate those elements into your main pages and forget about pop-up windows.
8. Do create a site map page. A site map is a simple web page with text links to all the websites sub-pages organized in proper categories, a lot of people will use a site map if they can find one. MMOW.biz provides a site map plugin to help you create and manage your site map.
9. Don’t centre everything on your web pages. Centred text on pages is just hard to read, just think about having to read a book where all the text was centred! Print rules have been refined for well over a hundred years now, and they work well. When in doubt about layout, think about how they do it in print.With that in mind, for western cultures, left justified text (text that is lined up on the left side of the page) is the way to go. You can centre major titles or something similar, but do it very sparingly.
10. Don’t use too many colours in your website. Colour is a way that people identify things, that is why the Coke label dominantly red and the Pepsi label is dominantly blue. Keep the colour scheme of your website limited to a couple of colours and keep it consistent across your site unless you want to denote some major section.
11. Always try and make things as clear as possible to your visitors, what may be obvious to you may not be to your visitors!
12. Keep your site fresh. Unlike printed matter, a website is not a one-time thing it is an ongoing experience. Be prepared to update your site, at least once a month, adding new information, discarding anything out-of-date.Repeat visitors are always desired, so give them something to come back for. Try to include a “hook”: a service or current information tied to your expertise that will bring users back to your site regularly.
13. Be backward compatible. Using cutting edge technology can exclude readers. Many if not most users will be at least one generation behind, so don’t shut them out.
14. Test your site as visitors will see it. This means viewing your site at several resolutions (640×480, 800×600, 1024×768) and color depths (256, 16-bit, 24-bit), on several browsers (Netscape 2 and later, Microsoft Internet Explorer 2 and later) and OS’s (Windows, Mac). While no site looks identical on all monitors, browsers, and computers, you can design sites that look good on all—but only if you test the site on all. will help you do this in one simple step.