Solution for css sidebar

dk01's picture

He has: 516 posts

Joined: Mar 2002

Ok many have seen this site before:
http://www.conxiondesigns.com

It is still a work in progress but one major problem is the left hand nav bar. Currently that layer is set to a percentage value which means it expands across the screen for the screen size. The problem with this is that on very large screens the text size looks very small and there is a huge ammount of wasted space on the page. I have heard that there are 2 solutions and am wondering which ones are possible (must be cross-browser, no javascript, and right hand layer must stay as a percentage) and how exactly I could go about implementing them. Here are the two solutions put forward so far:

1) Have the sidebar layer be of fixed size.
This way sounds best but I cannot see how to do it because the side layer would have to be at least 200 px wide. This would cause problems on small resolutions because if the content layer is set to 70% then 70% of a 600px window is 420px. leaving 220 for everything in the sidebar. Problem is that when using different browsers they space layers differently so there is no way to control if 70% of the screen is actually going to be filled by the browser window. I guess I could go with this if forced to, but it has caused me some problems already.

2) Have the text get bigger depending on screen size.
If there is any way to get the text on the side bar to dynamically change to fit the side bar then I could use that. It might also be useful in my main area as that text looks fairly small at large resolutions.

Basically I am wrestling with how to deal with this sort of problem. Any advice or info about past experiences would be VERY helpful.
Thanks.
-dk

Suzanne's picture

She has: 5,507 posts

Joined: Feb 2000

Are you talking layers or divs?

I can't view what you're asking about, it's not displaying your CSS in N7.

Leave the text size alone. Having it at smallest 80% or .8em will leave it at normal levels for most people (any resolution) and it will be easily resized for anyone who needs it smaller or larger.

When you have the CSS working, I'll take another look.

dk01's picture

He has: 516 posts

Joined: Mar 2002

Ok suzanne should work in ns7 and opera 7 now. Problem with loading a php file as css. Go figure. Anyways I think you are right that I should just keep the text size constant and use a fixed width sidebar. It seems more browser friendly and stuff.
-dk

Suzanne's picture

She has: 5,507 posts

Joined: Feb 2000

Having the sidebar change size is disturbing. There isn't enough content in the sidebar to warrant it changing size?

It's a nice colour and look with the soft bottom, though. Wink

dk01's picture

He has: 516 posts

Joined: Mar 2002

Thanks, yeah I was hoping that would help soften the page up a bit.
Hopefully the design will start to come together soon because it seems to be taking forever to get everything right.
-dk

Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.