|
|
|
Branding your website
When it comes to your website you cannot rely on your webmaster or programmers to brand your website. It is vital that your website is created by a branding firm like Glazer and Kalayjian, Inc. and its subsidiary GK namebase who not only are...
Press Release
DiscountASP.NET First Web Hoster to Launch Graphics Server .NET Charting Component
Graphics Server .NET 2.0 Available to DiscountASP.NET Customers for Free
SEATTLE, WA (PRWEB via PR Web Direct ) August 4, 2004 -– Charting technology leader, Graphics Server Technologies, LP...
Guide to Internet Business - Design and Content
After deciding what kind of internet business you want to do, it's time to start planning the design and content of your business. Many people make the mistake of skipping this step, choosing instead to immediately start work on their website....
Knowing About Telecommunications Histrory
The world telecommunication in America anda Europe have been spreading very fast. However, introducing new method telephone Cellular started in1947 where at the time, the telecommunications experts could only use frequency as a means of...
The Wonders of Content Management Systems
As you get serious about your web site, your time will become invaluable. A content management system is the best way to maximize your efforts
What A Content Management System Does for You
A good CMS system will allow you to update can entire...
|
|
| |
|
|
|
|
|
|
The Width and Resolution Problem
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.
There are two general width and height style properties that can
be used to size any page element. The width property gives the
width of an element in pixels or as a percentage of the page
width. The height property sets its height in pixels or as a
percentage of page height. 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 640x480 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: 640x480, 800x600,
1024x768 and 1280x1024. 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 800x600: the
640x480 users are now a small enough minority to mostly ignore,
as they'll be used to sites displaying incorrectly. At 800x600
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
Ex-Lacrosse Player Guilty Of 2nd-Degree Murder
Former University of Virginia lacrosse player George Huguely V was convicted Wednesday in the May 2010 slaying of his ex-girlfriend, who also played lacrosse for the university. Jurors rejected a first-degree murder verdict and possible life sentence, instead finding him guilty of second-degree murder, and recommending a 25-year term.
Virginia House Revises Controversial Abortion Bill
The amended bill requires women seeking abortions to undergo an external ultrasound, not a more invasive procedure. The state's Republican governor came out against requiring the more invasive procedure after the proposal drew national outrage. The amended bill now returns to the Senate, where it will likely be killed.
Is A Lie Just Free Speech, Or Is It A Crime?
The Supreme Court heard oral arguments Wednesday over the constitutionality of a law that makes it a crime to lie about having received a military medal. But the questions posed by the justices ranged far beyond that from deceptive advertising to lying on a date.
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 800x600 - 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 800x600, 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.
About the author:
Original Source: Articles-Galore.com
Information supplied and written by Lee Asher of Eclipse Domain
Services
Domain Names, Hosting, Traffic and Email Solutions.
|
|
|
|
|
|