Click to See Complete Forum and Search --> : Web Viewing Size Question


NoLimits
11-07-2003, 09:30 PM
Hmmm, I was wondering how one could make it so that the user views your website at a certain resolution. An example of this includes the many flash intros that are out there on the Internet: when clicking on the link (ex. Enter Site), it pops up a predefined-sized window.

PeOfEo
11-07-2003, 09:51 PM
That would be the wrong way to go. I highly reccomend that you do not do anything like opening the site in a window like this. The reason why is it would use java script which does not work for 13% of the people of the internet. It is also just plain annoying. If your website only looks good at one resolution you should condier making it fluid. Make it resize with the browser window by using %'s instead of rigit pixils etc. You could also use css and magins to do your positioning.

NoLimits
11-09-2003, 01:22 PM
Hmm, being sortof new to web designing, I don't quite understand what you're saying. To be clearer with my question, I have seen sites, such as http://csnation.counter-strike.net , where it doesn't matter what your resolution is set to (800x600 or 1024x768), the resulting display is always the same. How does this work?

NoLimits
11-09-2003, 01:33 PM
Btw, I should also mention that this website also follows what I said above.

PeOfEo
11-09-2003, 02:57 PM
look at http://www.clanknight.vze.com
and my newest layout
http://knights.europe.webmatrixhosting.net/wfrp/index.html
change the saize of the browser window and change your reosultion. The site resisezes so that the content will look good at all resolutions and browser sizes, well for all logical ones, it will not look good in a 200 by 200 window obviously, but you get what I am saying. Basically you can do this by using margins for position and by usuing %'s for widths instead of pixils.

NoLimits
11-09-2003, 03:19 PM
Hmm, width-wise it works... however height-wise, at 800x600 it fills up the screen, while at 1024x768 there's a lot of empty space at the bottom.

PeOfEo
11-09-2003, 03:59 PM
but, the height will depend on the size of the content. If you were to make a site fluid on bother you would have a lot of small text at other resolutions. The user has the resoution set that way for a reason, for ease of reading etc. Once I have the content on the new site you will see that space filled up and a vertical scroll bar on 800 by 600, a large one, and probably a small one on 1024 by 786. To try to make the content fluid vertically though is like I said probably not such a good idea and I would not reccomend it. Plus a user can always use the mouse wheel, arrow keys, and the ie smooth scoling if conveiniance of scrolling is an issue. It is better to put the content above aestetics in most cases.
PS: That counter strike site performs poorly at low resolution, and you said something along the lines of it being fluid correct? Well It had horizontal scroll bars at 800 by 600

NoLimits
11-09-2003, 04:16 PM
Hmm, you're right about the content; I forgot about it. And to be clear, I don't want a fluid web page. As for the csnation, it's good on the popular resolutions 1024x768 and 800x600, which is pretty much what I'm aiming for. Do you by any chance know how they did it? Also, I wondering how you did your webpage. Currently, I'm using Dreamweaver, which I'm also slightly new to, and I'm wondering how you made your sections (tables? frames? clueless) to be proportionate according to %'s. Btw, big thx for the help so far.

PeOfEo
11-09-2003, 04:23 PM
I used css. That csnation site is not good on 800 by 600. It has a horizontal scroll bar. When half your viewers use that resolution that can cause problems. Dreamweaver is a good program for the experience designer but for people who are new to webdesign and are only going to use it for wysiwyg features I do not reccomend it. Using wysiwyg will not make your page perform well on mutiple platforms or resolutions. I reccomend raw codeing.