An issue of width: the resolution problem

An Issue Of Width: The Resolution Problem

Keywords: web site design, web page design, web site development, web design templates, web page designs

There is a problem that has plagued the web ever since graphical designs for web pages started to become common, and yet it’s a problem that’s never been solved. You see, different sized monitors can handle different widths of page, and yet HTML doesn’t really let you take width into consideration when you’re designing. Why is this such a problem? Well, let me explain.

What is Resolution?

Before we can get to the problem, you need to know what a screen resolution is. To put it simply, your resolution is the number of pixels that can be displayed across your monitor, horizontally and vertically. For example, at 640×480 resolution (the lowest anyone still uses), your screen is 640 pixels wide by 480 pixels high.

Most monitors can handle more than one resolution, and will give you a choice between them. Typically, there will be a lower resolution that fits less pixels on the screen but makes them look bigger, and a higher one that fits more but makes everything look small. The default is usually somewhere in the middle.

To check the resolution you’re using now, right click on your desktop and choose Properties. Now go to the Settings tab and look at the screen resolution section. On most computers, there will be up to four settings to choose from: 640×480, 800×600, 1024×768 and 1280×1024. It’s worth changing your resolution a few times and going to some web pages, to get an idea of how much width each setting gives you.

Now, you have to realise that the maximum width of your website, in pixels, will be the lowest width you expect your site’s visitors to be using. In almost all cases, this is 800×600: the 640×480 users are now a small enough minority to mostly ignore, as they’ll be used to sites displaying incorrectly. At 800×600 and up, though, you should test your site to make sure it looks good.

The Price of Failure.

If you don’t test your site correctly, then various things will go wrong. At resolutions lower than the one you designed the site for, visitors may see horizontal scrollbars. If you fix the site’s width too low, though, visitors using higher resolutions may just see a thin strip of your website in the middle of their screen.

Possible Solutions.

The most popular solution to the resolution problem is to just design as if everyone was using 800×600. After all, people with big monitors can just make their browser windows smaller. To make a fixed width design, simply set the CSS width of your body tag to the width you want in pixels (so for 800×600, width: 800px). If you take this approach, you will probably want to set the CSS margins to auto, as this will put your fixed-width page in the centre of larger screens. If you leave the margins alone, then your page will appear on the far left of the web browser at high resolutions, which is common to see but still looks bad.

Of course, the more complicated but better way of doing things is to make sure that your design will work just as well no matter how wide the browser is, because it stretches to fit. These kinds of designs are known as ‘elastic’. This can be difficult, but it’s doable, especially for relatively simple designs. If your design has three columns, for example, you can make the left and right columns fixed-width but leave the middle column to take up all the remaining width.

The biggest concern with elastic designs tends to be the graphics: if you have a fixed-width header, how can you adjust your site for any possible width? In most cases, the solution is to make your header an image that floats over a background continuing it. For example, you might use an image of navigation text floating over a line. You can then continue that line as the background image, to avoid it suddenly appearing to stop if the viewer’s resolution is wider than your navigation images. CSS gives you a lot of power to create illusions like this: make good use of it.

Floyd Bogart has been in the Marketing field for his entire 26 year career. He is now focusing all of his efforts to online marketing. For more information on website design go to:
websitedesign.hijackmyebooks.com


Previous Articles Highlighter:

How To Quadruple Your Chances Of Landing A Client Using "Bulky" Mail (1)
So ok. What would this look like...a "bulky item" concept that supports a message that promises to alleviate a pain of your target audience? Years ago a client came to me who said "I need to fill seminar seats so I can sell dentists my $15,000 marketing solution.

3 Important Things Affiliate Marketers Must Do To Succeed (2)
These are just three basic tips for making the most of your affiliate products. There is a lot more to learn and impliment if you are ever going to make it as a 'Super Affiliate'.

How To Tell If A Niche Is Too Crowded (3)
Keyword research utilities such as WordTracker use data from the major metacrawlers like Dogpile to calculate very realistic keyword search statistics, and will give you the number of times any given keyword or phrase was searched for during the previous three months and a predicted count for the next 24 hours.

You Can Write Articles ... If You Just Get Started (4)
So just roughly jot down an opening sentence and then a few points and ideas for the article. Now expand on the opening sentence to produce your intro paragraph.

Profiting From Work At Home Business (5)
Regardless of your experience and expertise, you are given the opportunity to buy all the equipment, materials and instruction you need to produce a product and then sell it to companies who are guaranteed to purchase this particular item.

Make Money At Home Online By Linking To And Becoming An Authority Site (6)
When you have good rankings yourself, others will want to link to you. When you want to make money at home online, it's not all about the rankings you get from links.

Internet Based Home Business- What Is One Of The Most Important Things You Need (7)
Second: When you have a business you will have products to sell or an opportunity that you need to build a team for. When you have a list of customers that already trust you they will take your word for it when you tell them that they need something.

Running A Successful Internet Business Online (8)
You go ahead, enter your credit card numbers, then sit back and wait for the money to come rolling in. The first month or maybe two go by and you still have not seen any income from your investment.

A Glimpse At How To Make Money On The Net (9)
Or think about selling an item that needs to have one of its parts replaced (such as a battery). Those are the sort of products that really help a website owner to make money on the net.

5 Useful Tips For List Building Success (10)
Keywords: Internet Marketing, Email marketing, List Building Most people who are involved in internet marketing realize how important the list is. Your email list can either make or break your business, so it is important that you are always looking for new ways to build up your list.

Why Links Will Get You Top Rankings In Google (11)
The explorer will now list all links to that site. Be sure to exclude links for the same domain because these will just be links within the site.Now take a look at the list and decide who to approach.

3 Tops Reasons Why You Must Have Your Own Affiliate Marketing Website (12)
as often as you require. This is how I personally do it. If you visit my own sites you will see that I have added loads of my own content but each of the links from within that site point to affiliate product from which I will get a commission for evey sale that is made.

How To Express Yourself Through Blogs (13)
Expressing your thoughts in written words, however, is not as simple a task as it may seem to be; many people, in fact, find that it can take hours to accurately transfer the most seemingly simple thoughts to the written word.

Traits You Need To Succeed As An Internet Marketer (14)
You'll get a feel of the market better if you're out there and make sure to take notes. 4. Know your product. How long would it take to make one?

A Question Of Scroll Bars (15)
Keep Flash Away from Scroll Bars. Another common design mistake when it comes to scroll bars is to think that you can do it better than the web browser, and use Flash to create non-standard scroll bars.

Advertising Your Small Business On A Limited Budget (16)
There are several ways of doing this. The primary method is called pay per click. This Internet option is available with numerous online merchant sites as well as hundreds of newspapers across the country and the globe.

Benefits Of Being An Affiliate Marketer (17)
In exchange, the merchant pays a commission to the affiliate on all sales generated by the affiliate. Every time someone clicks on the link on the affiliate website and proceeds to make a purchase, the affiliate gets a commission.

A Guide To Marketing (18)
This level of marketing is much more customer focused and involves delivering good and prompt service and maintaining customer relations. Marketing Team Direct at www.marketingteamdirect.com is an integrated marketing agency specialising in marketing planning, branding, strategy and design.

How To Start A Home Business With A Minimum Budget (19)
Many people start this on free hosts such as Blogger.com, then move on to paid hosting as they earn enough money. Affiliate programs are generally free to join, and you figure out how to get people to buy through your links.

How To Advertise Your Internet Business And Drive Traffic And Sales For Pennies (20)
Remember, free is the key - anything you can give away free that you can put your internet business name on and will provide a benefit or usefulness will result in increased traffic and sales!

Newer Articles Highlighter:

Digital Signage: How To Put The New Medium To Work At Hotels And Resorts (1)
Here's a brief description of each: In-room channel In in-room channel applications, a digital signage media server feeds an in-house cable TV system available in every guest's room. This approach can be simple -in the form of graphics and text to convey basic information about amenities and services- or much more elaborate where video commercials and promotional video messages are inserted.

Article Marketing : Writing And Submitting Articles (2)
Once you get your keyword, it is recommended that you visit major search engines, type your keyword, and see what top 10 rankings are. Once you have an article including a keyword, you need to publish it on the net.

Building Affiliate Marketing Websites The Easy Way (3)
If you don't have time to make your own website, you can use templates or purchase readily available websites. The latter, however, is a more expensive option. Creating an affiliate website on your own would be cheaper and more interesting.

Is It A Hobby Or A Business? (4)
Is it possible to earn a living online? Yes, I believe it is, because so many people really are doing it. It's time to make a choice - get serious about a real business, or continue jumping around for fun.

The Importance Of Linking, Link Popularity Plus Tag And Ping (5)
The so called "authority sites", which may just be glorified link directories but have page rank of a PR6 or higher will rocket you to the top of search engine listings quickly.

Some Of The Most Important Issues You Need To Consider When Choosing A Web Host Company (6)
Many hosts offer online support in the form of instant messaging. Being able to "chat" with a customer service representative is an excellent feature. The next thing you need to determine is how much disk storage and bandwidth you'll need for your online enterprise.

Three Ways To Advance Your Search Engine Rankings (7)
Even if you do not see an improvement in your rankings, you will at least know you should concentrate on something besides your page rank that will help you improve your site ranking.

Web Site Promotion Guides For Newbies (8)
Over time different article directories will pick up on your articles. In turn, your links will begin to show up all over the internet, which of course means more traffic directed to your web site.

A Press Release By Any Other Name Might Be . . . An Optimized Press Release (9)
Combined, Google and Yahoo news engines outpace CNN, The New York Times and Washington Post online news sources. Another thing about optimized press releases - they live on Google for 30 days and on Yahoo News for up to two weeks, which is news in itself.

Making Money With Your Blog (10)
The home business opportunity is a two way street here generally, with the blogger placing a link to someone else’s Web site on the blog and being paid for links but also placing his or her own link to the blog on the affiliate Web site and paying the affiliate for any link or revenue from the link.

The Truth About The Online Business Opportunity (11)
The other shortcoming is that the domain name may turn out to be econopack.com or .net. Which, without a uppercase P is even confusing. Luggage for Less could be a much better name.

Are You A Mortgage Yahoo? (12)
It would look something like this: yourname.com or a possible variation such as yoursite.com. You can purchase/reserve your domain name for eight or ten dollars a year and usually less if you make a longer commitment.

Don't Let Bad E-Commerce Web Hosting Cost You Business (13)
Keywords: web hosting, cheap web hosting, reliable web hosting, e-commerce A reliable web hosting company is crucial especially if you operate a business on the internet offering products for sale the require you to have e-commerce web hosting with shopping carts.

Submitting Your Website Directories Helps Your Link Popularity (14)
When using directory submissions you will see an increase in links and traffic to your site. These are great methods of driving traffic to your site. The main thing you want for your website is targeted traffic and traffic that converts into sales.

Affiliate Directories (15)
This is due to the fact that name brand products usually have a rapport with the potential buyers, while consumers of digital products need to be "sold" before purchasing. Affiliate directories have many categories, which tend to satisfy every affiliate marketer.

Successful Tanzanite Purchasing On The Internet (16)
The common themes in their communications include: Didn't really "know" the seller as good as I should have before purchasing my tanzanite... Color in hand was significantly different than the tanzanite image shown online...

What Is Web 2.0 (17)
Blog is a term short for wegblog, a personal or commercial website created in the format of an online journal. Entries appear in the sequence in which they are written.

Top 5 Ways To Generate Low Cost Website Traffic (18)
Here I present to you the Top five ways to generate low cost website traffic that could help your site a whole lot. Even if you only get a small percentage of successful visitors in to client ratio it still works especially if you get a high number of website traffic.

How To Properly Use Article Marketing To Drive Traffic To Your Site (19)
One piece of advice that I would give when writing an article is to think about the audience that you want to pick up and republish your article. Generally, it is better to write about as broad a subject as you can in order to receive the most backlinks from publishers picking up your articles from the directories.

3 Proven Free Methods To Increase Your Website Traffic (20)
Write articles and submit to the article directories This is another proven free traffic method. You build incoming links for your website, you build your brand, and you get direct traffic from Article Directories, from the Publishers who publish your articles and also search engines rank your site higher due to more quality incoming links for your website.


Leave a Comment