472,958 Members | 2,355 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 472,958 software developers and data experts.

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 2329
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 thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

179
by: SoloCDM | last post by:
How do I keep my entire web page at a fixed width? ********************************************************************* Signed, SoloCDM
3
by: Doug McCrae | last post by:
http://www.btinternet.com/~doug.mccrae/go4learning/index.html As it says in the subject, a two column layout (plus header and footer boxes). I feel the left column really needs to be fixed width...
22
by: Jam Pa | last post by:
Once again my big mouth has landed me with a tough job. I have a static CSS layout, where each and every element has been defined by pixel size - lots of them, too! Mostly relative elements,...
28
by: Gabriel | last post by:
greetings, I want to achieve the following effect : Menu1 | Menu2 | Menu3 | Menu4 | Menu5 | I played with padding, border-width and the like and it's ok for the | . My problem is that...
40
by: Mark | last post by:
Hello i like to make the following lay out: - 3 columns - center column = fixed width - left and right columns are not fixed and must take all the available space there is left. - left...
9
by: TristaSD | last post by:
Hi, How do I accomplish the following: In a two-column layout, the right column is 200px wide, and the left column is fluid? Thanks!
0
by: Jay Levitt | last post by:
I'm putting together a small brochureware site to sell my house (http://www.wellesleycarriagehouse.com). The designer used tables initially, but I'm trying to get it as semantic and CSS-ish as...
18
by: Nik Coughlin | last post by:
I am halfway through writing a tutorial on image slicing for fluid CSS layouts, I would love some feedback on what I've done up until this point: http://nrkn.com/index.html I am still writing...
0
by: nlindsay | last post by:
I am trying to center align 2 left floated divs within a % width background. I know that setting the wrapper div to a fixed width works, but can it be done with a fluid background? (basically I...
0
by: lllomh | last post by:
Define the method first this.state = { buttonBackgroundColor: 'green', isBlinking: false, // A new status is added to identify whether the button is blinking or not } autoStart=()=>{
2
by: DJRhino | last post by:
Was curious if anyone else was having this same issue or not.... I was just Up/Down graded to windows 11 and now my access combo boxes are not acting right. With win 10 I could start typing...
0
by: Aliciasmith | last post by:
In an age dominated by smartphones, having a mobile app for your business is no longer an option; it's a necessity. Whether you're a startup or an established enterprise, finding the right mobile app...
2
by: giovanniandrean | last post by:
The energy model is structured as follows and uses excel sheets to give input data: 1-Utility.py contains all the functions needed to calculate the variables and other minor things (mentions...
4
NeoPa
by: NeoPa | last post by:
Hello everyone. I find myself stuck trying to find the VBA way to get Access to create a PDF of the currently-selected (and open) object (Form or Report). I know it can be done by selecting :...
3
NeoPa
by: NeoPa | last post by:
Introduction For this article I'll be using a very simple database which has Form (clsForm) & Report (clsReport) classes that simply handle making the calling Form invisible until the Form, or all...
0
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 1 Nov 2023 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM) Please note that the UK and Europe revert to winter time on...
3
by: nia12 | last post by:
Hi there, I am very new to Access so apologies if any of this is obvious/not clear. I am creating a data collection tool for health care employees to complete. It consists of a number of...
0
NeoPa
by: NeoPa | last post by:
Introduction For this article I'll be focusing on the Report (clsReport) class. This simply handles making the calling Form invisible until all of the Reports opened by it have been closed, when it...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.