Forums / Templates, Stylesheets, Page Layout / 100% versus Fixed Width?

100% versus Fixed Width?

Locked
Results 1 to 4 of 4
This thread is locked. New replies are disabled.
15 Nov 2007, 19:08
#1
arkwright avatar

arkwright

Zen Follower

Join Date:
Oct 2007
Posts:
95
Plugin Contributions:
0

100% versus Fixed Width?

Could someone please tell me the advantages and disadvantages of setting my template to 100% as opposed to fixed width and what in peoples opinion is the preferred option?

Many thanks in advance

Arkie...
15 Nov 2007, 19:34
#2
sirbuck avatar

sirbuck

Zen Follower

Join Date:
Jan 2007
Posts:
161
Plugin Contributions:
0

Re: 100% versus Fixed Width?

percentage will adjust to any screen size. Not so good on big screens with high resolution if you don't have a lot of content though.

Fixed is ok but you have to be mindful of other screen sizes.. You don't want people to have to side-scroll your pages.. Its annoying.

If you have a lot of content my opinion would be to go with percentage.. you don't have to do 100% maybe 90% or 85% etc. try out different ones
15 Nov 2007, 19:34
#3
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Posts:
21,876
Plugin Contributions:
6

Re: 100% versus Fixed Width?

100% uses the whole screen but keeps your page from horizontal scrolling on smaller monitors. It can look "stretched" on wide monitors unless designed for it. You can use
max-width: 1200px;
to keep the page from over-stretching, although IE6 doesn't support this standard CSS property. (You can also use min-width to keep the page from cramping in tiny windows, with the same caveat.)

Fixed width lets you design for a known page layout and fully control the proportions and relationships of elements.

I would generally go for a fluid width of around 90-95% to give some breathing room, with min- and max-width set so that modern browsers have the best possible range of good function.
If your audience tends to be less tech-savvy and mostly uses IE6, you might want to stick to a fixed width.
There are ways to distinguish what the user is running and adapt your output accordingly; Web design tutorial sites can give info.
15 Nov 2007, 19:37
#4
sirbuck avatar

sirbuck

Zen Follower

Join Date:
Jan 2007
Posts:
161
Plugin Contributions:
0

Re: 100% versus Fixed Width?

I didn't even think about "max width". thats a good idea! thanks Arkie