is there a code for making webpage fit other screens

[Katt2]

is there someting that i can add to my webpage code that stretches the graphic that makes the top graphic stretch to fit other screen resolutions that others are using. i notice that when i went on my brothers lap top the main top graphic wasnt formally fit into the borders as he must of been using a different screen resolution. here is the page in qustion.

[Dan18960]

Graphics are defined by the frame they are placed in Katt. Unfortunately you have to reach a happy medium.

I setup my screens for 800x600 so I end up having to scroll left and right in most web pages today - which doesn't make me a happy camper because I also don't display my browsers in full screen either. I usually have 2 or 3 apps running at the same time and by having them positions with corners showing block style on the page - I can just click on the title bar and that app is brought to the front. A lot of people work in full screen and do the same thing by clicking on the application bar (usually found at the bottom).

[Katt2]

thanks Dan. such as life ey. well i see it fine lol so others will have to accept it right lol

[Freehold Fred]

800x600 used to be the standard modus operandi for web design, and we used to shave something off of the 800 for the vertical scroll bar overhead. We now design for 1024x768, but have to aware of what the design will look like at the lower res. The answer is three-fold:

1) Stick with fixed pixel width for hires and just let the minority of lores users scroll.

2) Use table width in percents and place your graphics into table cells.

You have to be careful stretching graphics, but in general borderless tables can be used as design layouts. Table widths can be specified in terms of either pixels or 'table width = "100%"'. The latter will cause the 'container' to fill the width of the screen regardless of users res. Graphics are then placed inside the table or into a cell of the table. You will have to tweak the properties of the graphics so that it 'fills' the cell proportionally and without distortion.

3) More advance coding does indeed determine the user's screen res. Here in a simple case, you create two separate web pages to view, one highres.html and the other lores.html. Here is javascript example from http://www.pageresource.com/jscript/jscreen.htm:

<SCRIPT language="JavaScript">
<!--
if ((screen.width>=1024) && (screen.height>=768))
{
window.location="highres.html";
}
else
{
window.location="lowres.html";
}
//-->
</SCRIPT>

It can get a lot more complicated quickly. Take a peek at the script (View | Source in any browser) of Yahoo.com to see how the big boys do it.

If you use a web design tool like Dreamweaver, you will get some guidance. If you are using web-based design tools, you ar e going bang into the restrictions of those tools. If you are hard coding, you are on your own.



is there someting that i can add to my webpage code that stretches the graphic that makes the top graphic stretch to fit other screen resolutions that others are using. i notice that when i went on my brothers lap top the main top graphic wasnt formally fit into the borders as he must of been using a different screen resolution. here is the page in qustion.

[Katt2]

Thanks Fred. I think i wll just leave it be . lol

[compusimple]

old farts with bad eyes like me can't handle much more than 800 x 600.

elliott

[Dan18960]

old farts with bad eyes like me can't handle much more than 800 x 600.

elliott

And the 1024x768 requires you have the 1280x1024 screen settings IF your going to have apps in less than full screen.

[Freehold Fred]

Old farts :doglaugh: need to learn new tricks:
CTRL++in FF
View | Text Size | Largest in IE6
old farts with bad eyes like me can't handle much more than 800 x 600.

elliott

[Katt2]

LOL well thats definately readable Fred . Thanks for all the help peoples. very much appreciated. katt2

[Dudeking]

To get a full screen website they have to be designed with % not px. So you have a table you make it 100% not 760px and make the graphic so it can repeat-x with css.

Or build a 100% css layout using divs.

Javascript to make pages fit the window are stupid and dont work 99% of the time.