PDA

View Full Version : How make page that is auto sized for any Computer



Papa
03-28-2005, 08:08 PM
I need to know how to make you web page fit anyones display. I create my web pages using my display setting. Everything looks fine when I view the web page. My display is 1600 x 1200. But if someone views my page with displays other then 1600 x 1200 the page is really huge or off centered and what not.

Is there a way to auto size for what ever a persons display settings are?

Thanks in Advance

jscheuer1
03-29-2005, 04:39 AM
Alot depends on the content.

Strategy One:

Let the page's content flow into the space available to it. For container elements (table, div, p, frames, etc.) use percentage widths. For fonts, use relative sizes (large, medium, small, etc.) Sometimes, floating content, especially images, will help (style="float:left;" for example). Don't worry about things looking exactly the same at all resolutions.

Strategy Two:

Pick a resolution you think is the lowest target for your page. Confine and center everything to those dimensions. There will be alot of blank space left and right at higher resolutions but, if the page lends itself to this type of presentation it will look OK.

Strategy Three:

Wing it. Lay out the page at the prevailing resolution, currently 1024x768, in my opinion. View it in other resolutions, make adjustments so it at least looks OK at other resolutions without losing its essential appearance at the core resolution. You can combine absolute position with relative, fixed widths with percentage ones to achieve this effect on a case by case basis.

Others will have different opinions and there are probably other approaches I am not covering. The unifying principal in all three of these approaches is:

Don't insist on the page looking exactly the same at all resolutions.

Papa
03-29-2005, 09:43 AM
Ok thanks I will convert my swf to fit 1024 x 768

Is there a way to specify the web page size? I have looked in the properties of the pages but I don't see any thing that has to do with size or resolutions.

mwinter
03-29-2005, 02:23 PM
I need to know how to make you web page fit anyones display.By producing a flexible layout. That tends to mean no (or carefully managed) absolute positioning, designing for sensible wrapping, and forgetting about making pixel perfect renderings across different user agents - to name a few.


I create my web pages using my display setting. [...] My display is 1600 x 1200.Your display size means nothing. Few people will use their browsers at full size with large monitors - it makes text too difficult to read as scan lengths become far too long. More importantly, most users probably won't be able to get anywhere near that resolution - I certainly can't.


Is there a way to auto size for what ever a persons display settings are?Yes, see above.

Before I continue, I'd like to point out that I have a severe dislike of Flash-based sites. They tend to be badly written and a right pain in the ass to use. I'm not likely to be objective...


Ok thanks I will convert my swf to fit 1024 x 768You have a Flash animation that large!? Oh dear... :( Unless you are intentionally targeting a very specific audience, you don't understand the Web as a medium.


Is there a way to specify the web page size?No, you can't. What would be the point anyway if that size is ridiculously large? You should understand that the Web isn't under your control and you have to deal sensibly with that. Designing a site for any particular resolution is a bad idea as that resolution will only be useful for a small proportion of your potential visitors. As I hinted at above, monitor dimensions and viewport space are, for all intents and purposes, unrelated.

Mike

Papa
03-31-2005, 04:10 PM
http://www.freewebs.com/crak/NewSite.html

Please comment on size and how to make it better. Understand it is still under construction

jscheuer1
03-31-2005, 05:54 PM
Looks Good! Only thing I would do, and I don't know enough about flash to say how or even know if it is possible, is center the content on the page, it is fine as it is, center would just be better.

Papa
04-01-2005, 11:15 AM
What resolution are you using?

jscheuer1
04-01-2005, 01:24 PM
Generally 1024x768 but, I took a look at 800x600 and 1280x1024. All seemed fine. 800x600 was a 'perfect fit'. At the others, the content was all on the left, would be just a little nicer if it were centered at those resolutions but, only if it would also still be centered in a reduced viewport. Like you could change this:
<DIV style="position:absolute; align="center; top:40px; z-index:0">to:
<DIV style="position:relative; align="center; top:40px; z-index:0">unless that messes other things up.

mwinter
04-01-2005, 11:54 PM
Like you could change this:
<DIV style="position:absolute; align="center; top:40px; z-index:0">to:
<DIV style="position:relative; align="center; top:40px; z-index:0">unless that messes other things up.You could have at least pointed out the syntax error. Persumably, that is all supposed to be one attribute value, in which case it should read:


<div style="position: relative; text-align: center; top: 40px; z-index: 0;">Notice the change in the quotes and align to text-align (the former doesn't exist in CSS).

Mike

jscheuer1
04-02-2005, 03:47 AM
Oh, I missed that, darn this paid gig is messing up my recreational concentration. Or, since I still shamelessly mix the not too too old and the new:
<DIV align="center" style="position:relative;top:40px; z-index:0">might work better, having tested none. That text-align property might not center a flash presentation but, then maybe the align="center" won't either, it is a sure bet that the original code from the page won't do much of anything.

mwinter
04-02-2005, 09:12 AM
That text-align property might not center a flash presentationIt should. An object element is regarded as inline, so text-align will apply. If it were block-level, it wouldn't.

Mike

Papa
04-15-2005, 03:27 PM
Ok Thanks. There was a java script in my code, Not sure what I was doing. But no matter what I did to the setting you asked me to change it had no affect. So I deleted the java and it centers perfect.

Thanks