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
__________________
Did I help you? If so, be nice and throw me some Please login or register to view this content. Registration is FREE
|