Olha colega, vamos láh... Você quer que seu site seja bem visualizado tanto pra quem usa 800x600 quanto pra quem usa 1024x768 , só que você usa 800x600 e projetou ele pra sua resolução e agora não sabe como fazer para que ele fique compatível com a outra , não é isso?! Eu tive o mesmo problema à um tempo atrás quando fui projetar meu site, e resolvi ele com um simples javascript que você coloca na sua página principal mesmo. Bem A minha idéia foi de fazer um simulador 800x600 , ou seja, uma página com um iFrame dentro dela cujas dimenções são 800x600, essa página seria visualizada por quem usa a resolução 1024x768. Chamaremos ela de "pagina_simulador.htm", o código-fonte dela ficaria:
<head>
<title>Nome do site</title>
<body bgcolor="black">
<center>
<img border="0" src="http://www.manolahp.hpg.com.br/Figuras/nada.gif" width="190" height="30"><iframe src="PAGINA_NORMAL.HTM" border="0" width="83%" height="89%"></iframe>
</center>
<center>
</font>
</center>
</body>
<html>
Onde PAGINA_NORMAL.HTM é o endereço da sua page normal que você usava como index.
Agora você precisa colocar um filtro dentro da sua página normal que usa como index. Se você não entende de script, coloca exatamente como está abaixo dentro do código-fonte da sua página index, e cria o arquivo "pagina_simulador.htm" que vai dar certo :
<script>
function Verificar_e_Entrar() {
if (screen.width >= 800 && screen.height >= 600)
{javascript:Entrar_Verificado()}
else
{alert("Não é possivel que você entre no site. Sua resolução é " +screen.width+ "x" +screen.height+ ", sendo que o site não foi feito para ser visto nela.\n Mude sua resolução e tente entrar novamente.")}
}
function Entrar_Outro() {
window.open ('PAGINA_SIMULADOR.HTM','_self','')
}
function Entrar_Verificado() {
if (screen.width == 800 && screen.height == 600)
{ }
else
{javascript:Entrar_Outro()}
}
</SCRIPT>
Lembra de que se o nome da página que você quer que as pessoas visualizem em 1024x768 for diferente de "PAGINA_SIMULADOR.HTM" tem que mudar o nome no script acima também.
Coloca dentro da tag <BODY> da sua PAGINA_NORMAL.HTM o seguinte:
onload="javascript:Verificar_e_Entrar()"
Exemplo: a sua tag <BODY> é assim: <BODY bgcolor="black">
Ela ficará assim:
<BODY bgcolor="black" onload="javascript:Verificar_e_Entrar()"> Com essa forma você não precisa fazer um outro site inteiro só pra outra resolução. Qualquer coisa, posta aí Um abraço.