468,107 Members | 1,310 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 468,107 developers. It's quick & easy.

Fixed width versus fluid layouts

JB
Hi All,

Is it acceptable to use a fixed width vertical navigation column within a
fluid 2 or 3 column layout?

Example.

Left Column (navigation) fixed width of say 180px
Right Column (main content) fluid width to fit rest of window

I much prefer fixed width layouts and my target audience, I'm sure, will not
be inconvenienced by it. However, if I am to do things properly, I'll give a
fluid layout a go.

Should my navigation column be fluid too?

Thanks,

Jeff
Feb 2 '06 #1
12 2123
in comp.infosystems.www.authoring.stylesheets, JB wrote:
Hi All,

Is it acceptable to use a fixed width vertical navigation column within a
fluid 2 or 3 column layout?

Example.

Left Column (navigation) fixed width of say 180px
Right Column (main content) fluid width to fit rest of window
No. How do you know your navigation fits 180px? Set width using em unit,
and it will work better.
I much prefer fixed width layouts
Really? I bet you only have one monitor, with one resolution, with one
browser, with one settings in active use? Am I correct?

Buy another monitor + card. Doesn't have to cost much, and you get double
space. Make sure the monitor you buy is different shape than your
current, and runs in different resolution. Then use both monitors to surf
in the WWW.
and my target audience, I'm sure, will not
be inconvenienced by it. However, if I am to do things properly, I'll give a
fluid layout a go. Should my navigation column be fluid too?


No. Yes. Depends on definition of fluid you are using. Whatever you do,
don't use percentage widths less than maybe 30% for defining column that
has some text (and then make sure you it will be nicely wordwrapped.)

--
Lauri Raittila <http://www.iki.fi/lr> <http://www.iki.fi/zwak/fonts>
Feb 2 '06 #2
JB
> No. How do you know your navigation fits 180px? Set width using em unit,
and it will work better.


So, you set your navigation area to a percentage and it looks ridiculously
strectched on high resolutions. How many ems do you suggest?

I much prefer fixed width layouts


Really? I bet you only have one monitor, with one resolution, with one
browser, with one settings in active use? Am I correct?


I am using a mobile workstation with dual screens and 3 browsers. Each on
different resolutions. All testing is on 1024 x 768 as that is what site
visitors are using. I test the site on various monitors from 14" to 19" and
it seems fine.
Should my navigation column be fluid too?


No. Yes. Depends on definition of fluid you are using. Whatever you do,
don't use percentage widths less than maybe 30% for defining column that
has some text (and then make sure you it will be nicely wordwrapped.)


OK, can you provide a quick example of an ideal stylesheet for a 2 column
fluid layout, please?

Thanks,

Jeff

Feb 2 '06 #3
in comp.infosystems.www.authoring.stylesheets, JB wrote:
No. How do you know your navigation fits 180px? Set width using em unit,
and it will work better.

So, you set your navigation area to a percentage and it looks ridiculously
strectched on high resolutions.


And things don't fit when on small window.
How many ems do you suggest?
Depends on how long links you have. Generally, in English sites,
something like 10 to 12em is good. But it really depends.
I much prefer fixed width layouts


Really? I bet you only have one monitor, with one resolution, with one
browser, with one settings in active use? Am I correct? I am using a mobile workstation with dual screens and 3 browsers. Each on
different resolutions. All testing is on 1024 x 768 as that is what site
visitors are using. I test the site on various monitors from 14" to 19" and
it seems fine.


Different resolutions, or different screen sizes? It is entirely possible
to run 3 different size monitors in same resolution.

Anyway, I would have guessed that people with such setting would not like
fixed websites (based on my personal experience. I have 3 machines,
running Win95, 98 and Mac OSX, with about 10-15 browser, screensizes
1024*768 twice, 1450*something, 1600*1200)
Should my navigation column be fluid too?


No. Yes. Depends on definition of fluid you are using. Whatever you do,
don't use percentage widths less than maybe 30% for defining column that
has some text (and then make sure you it will be nicely wordwrapped.)


OK, can you provide a quick example of an ideal stylesheet for a 2 column
fluid layout, please?


Closest I have gotten is
http://www.student.oulu.fi/~survos

Of course, not perfect.

--
Lauri Raittila <http://www.iki.fi/lr> <http://www.iki.fi/zwak/fonts>
Feb 2 '06 #4
Not always true... A lot of sites used fixed outer columns and a fluid
center, or a fixed navigation column, especially if there is a graphic in
there.

And it is quite easy to make navigation fit into a fixed width.
-------------------------------------------------------------------------
"Lauri Raittila" <la***@raittila.cjb.net> wrote in message
news:MP************************@news.individual.ne t...
in comp.infosystems.www.authoring.stylesheets, JB wrote:
Hi All,

Is it acceptable to use a fixed width vertical navigation column within a
fluid 2 or 3 column layout?
No. How do you know your navigation fits 180px? Set width using em unit,
and it will work better.

Feb 2 '06 #5
in comp.infosystems.www.authoring.stylesheets, Windsun wrote:
Not always true... A lot of sites used fixed outer columns and a fluid
center, or a fixed navigation column, especially if there is a graphic in
there.
Of course. Depends on your definition of fixed.
And it is quite easy to make navigation fit into a fixed width.


Well, if it has text on px sized box, that is not usually true. But as
usual among top posters, you never read, let alone understood my reply.
--
Lauri Raittila <http://www.iki.fi/lr> <http://www.iki.fi/zwak/fonts>
Feb 2 '06 #6
JB wrote:
... All testing is on 1024 x 768 as that is what site visitors are
using.
Screen resolution is unimportant. You have no way to know if those
visitors have their browser windows maximized. This is why fluid design
is important.
OK, can you provide a quick example of an ideal stylesheet for a 2
column fluid layout, please?


I like Ben Meadowcroft's designs:
http://benmeadowcroft.com/webdev/

--
-bts
-Warning: I brake for lawn deer
Feb 2 '06 #7
In short, screw you and your arrogant attitude.

-------------------------------------------------------------------------
"Lauri Raittila" <la***@raittila.cjb.net> wrote in message
news:MP************************@news.individual.ne t...
... But as
usual among top posters, you never read, let alone understood my reply.

Feb 2 '06 #8
Thu, 2 Feb 2006 14:08:25 -0000 from JB <me@here.com>:
Is it acceptable to use a fixed width vertical navigation column within a
fluid 2 or 3 column layout?


Sure, if you don't care about users on certain classes of devices
like handhelds.

--
Stan Brown, Oak Road Systems, Tompkins County, New York, USA
http://OakRoadSystems.com/
HTML 4.01 spec: http://www.w3.org/TR/html401/
validator: http://validator.w3.org/
CSS 2.1 spec: http://www.w3.org/TR/CSS21/
validator: http://jigsaw.w3.org/css-validator/
Why We Won't Help You:
http://diveintomark.org/archives/200..._wont_help_you
Feb 2 '06 #9
Thu, 02 Feb 2006 16:41:37 GMT from Windsun <wi******@earthlink.net>:
"Lauri Raittila" <la***@raittila.cjb.net> wrote in message
news:MP************************@news.individual.ne t...
... But as
usual among top posters, you never read, let alone understood my reply.
In short, screw you and your arrogant attitude.


Pot. Kettle. Black.

--
Stan Brown, Oak Road Systems, Tompkins County, New York, USA
http://OakRoadSystems.com/
HTML 4.01 spec: http://www.w3.org/TR/html401/
validator: http://validator.w3.org/
CSS 2.1 spec: http://www.w3.org/TR/CSS21/
validator: http://jigsaw.w3.org/css-validator/
Why We Won't Help You:
http://diveintomark.org/archives/200..._wont_help_you
Feb 2 '06 #10
JB wrote:
OK, can you provide a quick example of an ideal stylesheet for a 2 column
fluid layout, please?


I think they have a decent on at http://www.positioniseverything.org

Feb 2 '06 #11
Windsun wrote:
In short, screw you and your arrogant attitude.


Well, there goes all hope of you ever getting any decent help here
again.

open the front cover and begin reading there?
the back cover and end up at the front or do you
chapter one or do you start somewhere near
When reading a book, do you start at

Why is it Outhouse Distress users don't know they *can* press the
PageDown key?

--
-bts
-Warning: I brake for lawn deer
Feb 2 '06 #12
On Thu, 02 Feb 2006 17:41:37 +0100, Windsun <wi******@earthlink.net> wrote:
In short, screw you and your arrogant attitude.


Making friends, are you?

--
______PretLetters:
| weblog | http://www.pretletters.net/weblog/weblog.html |
| webontwerp | http://www.pretletters.net/html/webontwerp.html |
|zweefvliegen | http://www.pretletters.net/html/vliegen.html |
Feb 2 '06 #13

This discussion thread is closed

Replies have been disabled for this discussion.

Similar topics

179 posts views Thread by SoloCDM | last post: by
3 posts views Thread by Doug McCrae | last post: by
22 posts views Thread by Jam Pa | last post: by
28 posts views Thread by Gabriel | last post: by
40 posts views Thread by Mark | last post: by
9 posts views Thread by TristaSD | last post: by
reply views Thread by Jay Levitt | last post: by
1 post views Thread by Solo | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.