Estou criando uma pagina que tem uma tabela de 800x600, como faço para redimensionar automaticamente se o monitor do usuario tiver resolução de 1024x768 sei que posso especificar 100% daí ocupa a tela inteira, mas gostaria que ao invés de 100 fosse um valor que fique no máximo em 1024x768.
Obrigado.
Redimensionar Tabela Para 1024x768
Started By Milton José Barreto Filho, 26/09/2008, 17:47
3 replies to this topic
#1
Posted 26/09/2008, 17:47
#2
Posted 26/09/2008, 19:25
Não entendi.
O máximo é 100% mesmo.
100% é 100% em qualquer resolução...
O máximo é 100% mesmo.
100% é 100% em qualquer resolução...
BLOG Touché Criação - Vamos trocar idéias? -> http://blog.touchecriacao.com.br/
// Links úteis: Busca || Regras
// Não respondo dúvidas via mensagem privada. Use o fórum para buscar ou perguntar.
// Links úteis: Busca || Regras
// Não respondo dúvidas via mensagem privada. Use o fórum para buscar ou perguntar.
#3
Posted 26/09/2008, 23:42
Não entendi.
O máximo é 100% mesmo.
100% é 100% em qualquer resolução...
Vou explicar melhor...
Eu uso um monitor com resolução de 1680x1050 e sei que muitos usuários também usam resolução alta.
Se eu colocar 100% a tabela vai ocupar 100% da minha tela, ou seja, 1680px.
O que eu gostaria?
Estou preocupado em atender dois tipos de resolução 1024x768 e 800x600
Desta forma gostaria de criar uma tabela que seja de 800x600, mas que redimensione para 1024x768, caso o monitor do usuário seja na resolução de 1024x768 ou superior.
Se eu fixar a tabela apenas em 800x600 em monitores iguais ao meu que é de 1680x1050 vai ficar um site muito pequeno e sobrar muito espaço na lateral, se eu colocar 100% vai esticar demais as imagens sobrando varios espaços vazios entre as imagens, por isso gostaria de criar em 800x600 mas com a possibilidade de aumentar automaticamente para 1024x768 caso o usuário utilize resolução alta.
é isso.
#4
Posted 27/09/2008, 08:34
A melhor opção é utilizar layout líquido neste caso.
Entendi o que você quer, mas para isso teria que ser usado Javascript para detectar a resolução... Não seria muito viável fazer dessa forma.
Dá uma procurada por layout líquido (liquid layout) no fórum e no Google. Com ele funciona assim: certos trecho que necessitam ter medidas exatas, são fixos, enquanto a estrutura em si é variável. Sendo assim aqueles espaços que tu tá preocupado, vão ser todos bem calculados para melhor distribuição das imagens.
Olha aqui: http://www.cssliquid.com/
Esse site é dedicado a apenas isto... Layouts que não dependem da resolução, os chamados layouts líquidos.
Outra dica seria usar a largura máxima do seu site em 770px, pois assim ficaria legal em 800x600 e 1024x768.
Eu não sou muito fan de usar porcentagens e liquidez, então aqui desenvolvo os sites com esse padrão de largura.
O que eu faço é o seguinte: no background da página eu faço uma decoração que em 800x600 fica limitada (mas ainda legal) e nas resoluções maiores (até 1280x1024) vai mostrando ela por completo. Sendo assim fica bom em todas resoluções
Entendi o que você quer, mas para isso teria que ser usado Javascript para detectar a resolução... Não seria muito viável fazer dessa forma.
Dá uma procurada por layout líquido (liquid layout) no fórum e no Google. Com ele funciona assim: certos trecho que necessitam ter medidas exatas, são fixos, enquanto a estrutura em si é variável. Sendo assim aqueles espaços que tu tá preocupado, vão ser todos bem calculados para melhor distribuição das imagens.
Olha aqui: http://www.cssliquid.com/
Esse site é dedicado a apenas isto... Layouts que não dependem da resolução, os chamados layouts líquidos.
Outra dica seria usar a largura máxima do seu site em 770px, pois assim ficaria legal em 800x600 e 1024x768.
Eu não sou muito fan de usar porcentagens e liquidez, então aqui desenvolvo os sites com esse padrão de largura.
O que eu faço é o seguinte: no background da página eu faço uma decoração que em 800x600 fica limitada (mas ainda legal) e nas resoluções maiores (até 1280x1024) vai mostrando ela por completo. Sendo assim fica bom em todas resoluções
Edição feita por: Firehalk, 27/09/2008, 08:35.
BLOG Touché Criação - Vamos trocar idéias? -> http://blog.touchecriacao.com.br/
// Links úteis: Busca || Regras
// Não respondo dúvidas via mensagem privada. Use o fórum para buscar ou perguntar.
// Links úteis: Busca || Regras
// Não respondo dúvidas via mensagem privada. Use o fórum para buscar ou perguntar.
0 user(s) are reading this topic
0 membro(s), 0 visitante(s) e 0 membros anônimo(s)