Desafio - centralizar conteúdo e barra de rolagem

[educadorgustavo 0]

Pessoal, gostaria de lançar um "desafio" inovador aos webmasters. Tal "desafio", se solucionado, certamente será amplamente divulgado nos fóruns do ramo.

Não sei se será possível solucionar esse "problema de programação", mas como sei que na programação "quase tudo é possível" (pois depende do profissional), questiono aos webmasters:

 

É possível criar uma estrutura de layout em que, dependendo da resolução do monitor e do tamanho da janela do navegador do visitante, o canto ESQUERDO do website fique "oculto"?

 

Problemática:

 

Atualmente, a MAIORIA dos websites são programados de modo que o conteúdo principal apareça em resoluções de 800x600, e seus anunciantes (ou seus links menos importantes), apareçam DO LADO DIREITO em resoluções de 1024x768. Ou seja, que tiver resolução "pequena", vê o principal, quem tiver resolução "grande", vê tudo.

Esse atual "padrão" ocorre porque a base da leitura ocidental é da esquerda para direita e pesquisas de marketing informam (o lógico) que "é para esquerda que os visitantes olham primeiro".

Mas não seria ótimo poder configurar esse esquema de outro modo?

 

Imaginem a situação como se fosse um cliente "exigindo":

 

Quero um website cuja coluna principal seja totalmente visualizada em monitores de 800x600, sendo que:

A coluna esquerda (patrocinadores) tenha 115px, a coluna central (principal) tenha 770px e a coluna direita (colaboradores) também possua 115px. Assim, totalizam-se 1000px de largura. (deixando 24px livres para evitar barra de rolagem horizontal em monitores de 1024x768px)

A coluna central é o foco do website. Deve SEMPRE estar centralizada verticalmente no monitor do visitante. (Eis aqui o desafio)

As outras colunas, de 115px, só aparecerão SE o visitante tiver uma resolução à partir de 1024x768px.

 

Entenderam a problemática?

Em outras palavras: como construir um website de 1000px de largura (sem ser em flash) em que, caso a resolução lateral do monitor do visitante seja de 800px, apareça a barra de rolagem horizontal NO CENTRO, possibilitando a rolagem tanto para esquerda, quanto para direita?

 

Nunca ví isso em nenhum website, por isso a pergunta/desafio aos webmasters.

Como disse no começo, "quase tudo é possível", portanto, quem disser que é impossível, explique o por quê, para assim entendermos logicamente seu raciocínio.

Quem achar que é possível, mas não saiba COMO fazer, justifique um pouco sua afirmativa positiva, pois assim poderemos pouco a pouco "juntar as partes desse quebra-cabeça".

Quem já souber como fazer isso, poderia nos linkar um exemplo prático ou nos mostrar os códigos?

 

Desde já, grato pela leitura desta dúvida :-)

 

------

"A saída é a cultura coletiva" - Detentos do Rap

"Conhecimento adquirido e não divulgado é conhecimento nulo" - Citado por Bruno Ávilla (web designer)

[xanburzum 169]

você obtendo a resolucao da tela, nao poderia redirecionar o user para o padrao atual....

da uma procurada no forum, por resolucao de teal e dae você pode redirecioná-lo...

[hargon 64]

Não entendi muito bem a dúvida, mas por alto já deu para perceber que é uma dúvida de Javascript.

 

Você quer apenas, que o usuário 800x600 ao acessar um site 1024, apareça uma barra de rolagem horizontal? Além da barra vertical? Se for isso, já acontece normalmente.

 

 

 

Movido de ASP http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Javascript/DHTML

[educadorgustavo 0]

Hargon, valeu por redirecionar o tópico.

Quanto à pergunta, a questão é que os navegadores automaticamente abrem as páginas à partir da esquerda. Assim, gostaria de saber se existe alguma possibilidade do navegador exibir o website à partir do "centro" e, caso o website fosse construído para, por ex. 1280px, o navagador de um pc com 800px automaticamente centralizasse horizontalmente no centro do website, construído de maneira FIXA, não elástica, entendeu?

 

Xanburzum, entendo sua colocação, redirecionar conforme detecção da resolução dá certo, mas só por questão de estudo gostaria de saber se há outro modo de se fazer isso, ok?

É que como nunca ví isso em website nenhum, achei que seria "difícil" ou até mesmo improvável fazer isso, uma vez que os navegadores ocidentais lêem da esquerda para direita.

 

Coloquei este tópico em outro fórum que acesso também e nosso "colega" Sanches respondeu assim Clique aqui

 

Pelo jeito não era tão difícil http://forum.imasters.com.br/public/style_emoticons/default/grin.gif

[hargon 64]

Agora sim entendi a sua dúvida e realmente não era tão complicado.

 

Mas que bom que resolveu. Qualquer dúvida poste aqui. http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[educadorgustavo 0]

Xiiii, só que teve uma coisa... o script só está funcionando com as divs.

Utilizando tabelas (sem estarem dentro das divs) não está funcionando.

Será que tem algum modo de se fazer isso sem divs? Será que nesse caso só jogando no PHP?

 

Aqui a idéia de Sanches:

 

<html>
<body onload="teste();">
<script>
largura = screen.width;
function teste(){
if(largura=='800'){
window.scrollTo(110,0);
}else if(largura=='960'){
window.scrollTo(30,0);
}
}
</script>
<div style="position: absolute; border: 1px grey inset; width:115px; height:800px; left:0px;">
 Patrocinadores
</div>
<div style="position: absolute; border: 1px grey inset; width:770px; height:800px; left:115px;">
 Coluna central
</div>
<div style="position: absolute; border: 1px grey inset; width:115px; height:800px;  left:885px;">
 Colaboradores
</div>
</body>
</html>