HI,<br />
<br />
I've been asked to develop different CSS files for 600x800 and 1024x768 versions of our site.<br />
<br />
Can anyone please tell me what the main differences will be between the two CSS files and why? e.g. font sizes will be smaller in the 600x800 version etc etc.<br />
<br />
Many thanks,<br />
Allan<!--content-->but right click on your desktop and click -- customize my desktop--click settings and move the setting slide bar around and the picture of the two monitors in the window shows a crude example of just what amount the sizes will look like and vary at different resolutions. <br />
{not sure how Mac's work if you are one of them} <br />
<br />
600 x 800 would have to be coded as a fixed dimension, the best way to probably code it would be with percentages so there will not be a lot of white/empty space.<br />
<br />
Take a minute and do a forum search here on the topic and read some of the past threads on this subject. There are some great threads archived that may help.<!--content-->Well, first it is 800 x 600, but that is just a thingie...<br />
The best thing to do in my humble oppinion is to make a frameset like this one:<br />
<br />
<br />
<frameset cols=",750,*" framespacing="0"><br />
<frame name="left" src=http://www.htmlforums.com/archive/index.php/"empty.html" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" noresize><br />
<frame name="main" src=http://www.htmlforums.com/archive/index.php/"index2.html" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" noresize><br />
<frame name="right" src=http://www.htmlforums.com/archive/index.php/"empty.html" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" noresize><br />
</frameset><br />
<br />
<br />
There you have it.<br />
Your computer now splits the screen in 3 parts, with a 750 pixels frame in the exact middle of the screen. Use an empty page to fill op the sides, and build your page where index2.html is used in the example. This way you can view the page on every screen having resolution 800 x 600 and up!<br />
<br />
Happy hunting for more solutions,<br />
DJ Diaper<!--content-->why do you need framesets to do that? why not just use a table or something<!--content-->Yeah, well, it works fine... that's why...<br />
<br />
But since it is only early in the morning and I am not very awake yet, I just found out this issue is about CSS Styles and not framesets... But hey, it is an nice frame code
<!--content-->well tht fine frame code won't work. you forgot a * befroe the 750 
<br />
<br />
<frameset cols=",750,*" framespacing="0"><br />
<frame name="left" src=http://www.htmlforums.com/archive/index.php/"empty.html" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" noresize><br />
<frame name="main" src=http://www.htmlforums.com/archive/index.php/"index2.html" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" noresize><br />
<frame name="right" src=http://www.htmlforums.com/archive/index.php/"empty.html" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" noresize><br />
</frameset><!--content-->Lol, you are completely right :stupid: <br />
Well, let's just say everyone can make mistakes<br />
<br />
Thanx 4 the reaction tough
<!--content-->hehe, just keeping you on your toes 
<!--content-->Thanks to all who have replied.<br />
<br />
Essentially though, what I'm looking for is a list of required style changes for a 1024x768 version of a CSS file compared with a 800x600 version of the same file.<br />
<br />
E.g. <br />
In 1024x768 font size may be -1<br />
Therefore, in 800x600 font size should be -2<br />
<br />
etc etc.<br />
<br />
Thanks again,<br />
Allan<!--content-->there is none. you just need to watch your tables if you hard code them.<br />
<br />
if you use width="100%" then no worries on what resolution the user has.<!--content-->Thanks Scoutt.<br />
<br />
So how about fonts...should they be different sizes depending on you targeted screen resolution?<br />
<br />
-Allan<!--content-->There is no standard for what you are wanting to do. It all depends on the design and layout of your website.<!--content-->
<br />
I've been asked to develop different CSS files for 600x800 and 1024x768 versions of our site.<br />
<br />
Can anyone please tell me what the main differences will be between the two CSS files and why? e.g. font sizes will be smaller in the 600x800 version etc etc.<br />
<br />
Many thanks,<br />
Allan<!--content-->but right click on your desktop and click -- customize my desktop--click settings and move the setting slide bar around and the picture of the two monitors in the window shows a crude example of just what amount the sizes will look like and vary at different resolutions. <br />
{not sure how Mac's work if you are one of them} <br />
<br />
600 x 800 would have to be coded as a fixed dimension, the best way to probably code it would be with percentages so there will not be a lot of white/empty space.<br />
<br />
Take a minute and do a forum search here on the topic and read some of the past threads on this subject. There are some great threads archived that may help.<!--content-->Well, first it is 800 x 600, but that is just a thingie...<br />
The best thing to do in my humble oppinion is to make a frameset like this one:<br />
<br />
<br />
<frameset cols=",750,*" framespacing="0"><br />
<frame name="left" src=http://www.htmlforums.com/archive/index.php/"empty.html" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" noresize><br />
<frame name="main" src=http://www.htmlforums.com/archive/index.php/"index2.html" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" noresize><br />
<frame name="right" src=http://www.htmlforums.com/archive/index.php/"empty.html" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" noresize><br />
</frameset><br />
<br />
<br />
There you have it.<br />
Your computer now splits the screen in 3 parts, with a 750 pixels frame in the exact middle of the screen. Use an empty page to fill op the sides, and build your page where index2.html is used in the example. This way you can view the page on every screen having resolution 800 x 600 and up!<br />
<br />
Happy hunting for more solutions,<br />
DJ Diaper<!--content-->why do you need framesets to do that? why not just use a table or something<!--content-->Yeah, well, it works fine... that's why...<br />
<br />
But since it is only early in the morning and I am not very awake yet, I just found out this issue is about CSS Styles and not framesets... But hey, it is an nice frame code
<!--content-->well tht fine frame code won't work. you forgot a * befroe the 750 <br /><br />
<frameset cols=",750,*" framespacing="0"><br />
<frame name="left" src=http://www.htmlforums.com/archive/index.php/"empty.html" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" noresize><br />
<frame name="main" src=http://www.htmlforums.com/archive/index.php/"index2.html" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" noresize><br />
<frame name="right" src=http://www.htmlforums.com/archive/index.php/"empty.html" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" noresize><br />
</frameset><!--content-->Lol, you are completely right :stupid: <br />
Well, let's just say everyone can make mistakes
<br /><br />
Thanx 4 the reaction tough
<!--content-->hehe, just keeping you on your toes <!--content-->Thanks to all who have replied.<br /><br />
Essentially though, what I'm looking for is a list of required style changes for a 1024x768 version of a CSS file compared with a 800x600 version of the same file.<br />
<br />
E.g. <br />
In 1024x768 font size may be -1<br />
Therefore, in 800x600 font size should be -2<br />
<br />
etc etc.<br />
<br />
Thanks again,<br />
Allan<!--content-->there is none. you just need to watch your tables if you hard code them.<br />
<br />
if you use width="100%" then no worries on what resolution the user has.<!--content-->Thanks Scoutt.<br />
<br />
So how about fonts...should they be different sizes depending on you targeted screen resolution?<br />
<br />
-Allan<!--content-->There is no standard for what you are wanting to do. It all depends on the design and layout of your website.<!--content-->