Problema com ajuste da resolução

[caiotfernandes]

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?

 

[DiF]

Olá, 

 

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.

 

Minha sugestão:

 

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.

 

att,

 

Dif