[Help] WebDesigners - Duvida básica

[Kerpa!100]

Existe algum tipo de código que faça a página se "adaptar" pra resolução q a pessoa está usando no momento?

Por exemplo, se eu faço uma página com as dimensões aqui do meu monitor pra 1280x1024, uma pessoa que use uma resolução menor vai ver a página toda "feia", com aquelas barras de rolagem na horizontal etc... Ou então uma pessoa com resolução maior vai ver a página meio q pequena, tipo sobrando espaço. Não sei se fui mto claro, mas tem como contornar esse problema?

Valeu

[walker]

Eu já usei uns javascripts de "screen resolution detection"

http://www.pageresource.com/jscript/jscreen.htm

http://www.dynamicdrive.com/dynamicindex9/info1.htm

[wiseman]

Tu quer q ela se redimensione pelo tamanho da resolução do usuário? Pode usar % como unidade de posicionamento mas eu acho uma merda site/página q se auto ajusta. Prefiro colocar uma div em volta do site e colocar as margens direita/esquerda em auto pro site ficar centralizado no meio se a resolução do usuario for maior da q eu fiz (800x600 ou 1024x768).

[matheus]

Postado por Kerpa_100

Existe algum tipo de código que faça a página se "adaptar" pra resolução q a pessoa está usando no momento?

Por exemplo, se eu faço uma página com as dimensões aqui do meu monitor pra 1280x1024, uma pessoa que use uma resolução menor vai ver a página toda "feia", com aquelas barras de rolagem na horizontal etc... Ou então uma pessoa com resolução maior vai ver a página meio q pequena, tipo sobrando espaço. Não sei se fui mto claro, mas tem como contornar esse problema?

Valeu

o mais "correto" seria você fazer com que o site encaixe perfeitamente em 800x600. Independente da sua resolução. Porém, a porção de usuários que usam 800x600 ta caindo drasticamente, então caso não se incomode de arriscar 6 a 7% de público por causa da resolução, pode fazer com que ele se encaixe em 1024X768.

encaixando nesta resolução, no meu ponto de vista teria duas saídas interessantes:
1. centralizar o site então caso a resolução seja maior, ele fique "ok"

2. detectar a resoluçnao do usuário e adicionar novas "partes" ao site, caso a resolução dele comporte, geralmente eh essa solução é usada para adicionar "extras" interessantes como guia de navegação ou ads.

[slashin]

sou da seguinte opinião : utilize % e não px, e tá tudo certo para o redimensionamento.

no site da UOL tem um banner que só aparece pra quem tem resolução alta.

[matheus]

Postado por slashin

sou da seguinte opinião : utilize % e não px, e tá tudo certo para o redimensionamento.

no site da UOL tem um banner que só aparece pra quem tem resolução alta.

mas ae que ta, eu tb pensava assim, até começarem a incluir imagens de design que necessitariam de width ou height fixo, e alguns outros elementos que são fáceis de distorcer.

então começamos a usar % para elementos redimensionáveis e px para corners e design, mas depois de um tempo e saco cheio de ficar alterando e criando soluções mirabolantes para conseguir um crossbrowser legal, eu acabei escolhendo px ftw, com inclusão de novos elementos caso tivesse espaço.

[Kerpa!100]

Valeu pelas dicas povo! Vou ver o q faço aki =)

[RedTrap]

faz para 8x6 mesmo...
faz em px...

[Biel]

Pow, faz em 800x600 e coloca um DIV em volta pra não redimensionar... Na minha opinião fica bem melhor do que essas páginas que se auto ajustam no pc, é um saco.

[Holocaust]

já vi que aqui ninguém lê a w3.org :o

se for realmente preciso fazer isso no site, javascript..
caso contrário, centralize sua porra e de preferência em 800x600

[SuckerBuster]

1024x768 ftw!

[Roger Young]

uso 1650x1080

[Snowfox]

usa um javascript... pra detectar a resolucao do cara...

eh tipo um IF assim..

If ...
acontece tal coisa...
else
outra coisa

eu fazia os sites com CSS, e de acordo com a resolucao, executava um css ou outro.

[]'s

[Holocaust]

<script type="text/javascript">

if ((screen.width == 1024) && (screen.height == 768)) 
{
window.location='1024/index.php'
}
if ((screen.width == 1152) && (screen.height == 864)) 
{
window.location='1024/index.php'
}
if ((screen.width == 1280) && (screen.height == 960)) 
{
window.location='1024/index.php'
}
elseif ((screen.width == 800) && (screen.height == 600)) 
{
window.location='800/index.php'
}
elseif ((screen.width == 640) && (screen.height == 480)) 
{
window.location='800/index.php'
}

document.write('Carregando...')

</script>

usei isso em 2004 :o
é só adaptar