Problema com ajuste da resolução - Programação web - Clube do Hardware
Problema com ajuste da resolução
Por caiotfernandes, 6 de julho de 2014 em Programação web
caiotfernandes 1
Galera, estou com um problema em relação a resolução do meu layout no browser.
Fiz o design do layout no Fireworks, copiei o código e colei no Dreamweaver. A resolução no Fireworks foi de 1200x1100px, e quando vejo o design no Dreamweaver o layout preenche toda a tabela, porém quando aperto F12 para visualizar no browser, há uma parte que não fica preenchida.
O width da tabela está em 1200px, porque quando coloco 100% o layout fica todo desfigurado.
Em anexo estão os prints da tabela 1200px e 100%
Alguém tem uma solução para que possa usar um layout feito no Fireworks e que fique ajustado à qualquer resolução?
Bem.. por estas e outras razões eu não aconselho a utilizar o dreamweaver. Já o fireworks, bem é um bom programa de criação de layout, mas não se apegue muito nele. o melhor é você desenvolver o protótipo e depois codificar respeitando a semântica.
Abandone a tabela, e utilize o método tableless para fazer a estrutura de seu site, Utilize a imagens apenas como background. Use divs para a estrutura
Se quer uma melhor adaptação de seu layout, recomendo dar uma estudada no media queries do CSS3, onde você define o comportamento da estrutura para diferentes dispositivos como tablets, smartphones e mais variadas resoluções de monitores.