Screen resolution issues. Need advise thanks.

[midi25]

Hi I used to make my sites to 800x600. But now with all the new TFTS around I have noticed 1024x768 seems to be in fashion. I cant get my site to look good in 1024x768 if I make it in 800x600 and vice versa.

I have noticed alot of peoples sites seem to be in 800x600 and when I view them in my browser in 1024x768 they are aligned left and have alot of white space on the right hand side. I have no problem with making a site like that. But how can one make a site that fits both resolutions?. My main problem is that I have a header gif that is 760px x 60px. It looks fine in 800x600 but it cant be resized when viewed in 1024x768 so I am left with a large white area to the right.

Am I just stuck with this issue. And then going to have to make my site in 800x600 and then just accept the amount of white space I have to the right of my site.

Thanks

[ajkimoto]

midi25,

One thing to remember is that just because people have a 1024x768 resolution does not mean that they surf with their browser maximized--probably few do so.

ajkimoto

[Moby_Dim]

I personally make "rubber" sites and prefer text to graphics, but may be you should use sniffer to detect things like screen.height, screen.width, and then serve page of sutable size.

[midi25]

How do I do that? And what is sniffer.

Thanks

[Moby_Dim]

A script to detect user's browser various properties.

[Moby_Dim]

something like this one [webreference.com...]

[Maxxy]

i just use the :

(body)
(div align="center")

...content goes here...

(/div)
(/body)

*replace the ( and ) with < and >

It places your 800x600 layout in the middle of the 1024x768 screen

which doesn't look too bad O_o;;

[midi25]

Yeah thanks I have tried that.

But the problem being there is then it wants to align it center in 800x600. And when I open my browser my site it dosnt fit right.

It looks ok and centered in 1078x768

But non centered in 800x600. Meaning I have to scroll across to get it all central.

Thanks

[tbear]

>>But the problem being there is then it wants to align it center in 800x600. And when I open my browser my site it dosnt fit right.<<

Then your site layout is wider than 800x600!
Are you using tables for layout?
If so, try using percentage widths instead of fixed widths, this will help the page expand to whichever screen res is used.
Example:
<table width="100%">
<tr>
<td width="50%">content</td>
<td width="50%">content></td>
</tr>
</table>
The above splits the screen in two using full width of screen. Then align the content within the td.
The site referenced above is using % to control width of the elements, if you check the html you wil see how (when you eventually get to the body, it's rather bloated with js + comments).
Using % with css will also give good control of elements on your pages, but that's another story....... ;)