Alinhar site em todos os tamnhos de tela

[christopheer94 0]

 

Bom galera, como o pessoal que leu meu outro topico de duvida já bem sabe, eu sou completamente iniciante nessa coisa de criar sites e tal daí eu fiz o meu no dreamweaver e pa tudo bonitinha e na resolução q ta tela do meu pc (1366px / 768px ) fica tudo perfeito no site e acho q é pq criei o site nessa tela e tudo mais... entretanto fui entrar no site no pc do meu amigo q usa a resolução 1024x 768 dai come a parte lateral direita do site ao invés de se redimensionar pra ficar menor ... daí entrei no mac da minha mae com tela de 22" n lembro exatamente o tamanho mas ficou sobrando uma faixa branca embaixo e o site ficou todo ajustado pra esquerda .... Como proceder gente ? tipo, o site funciona perfeito mas fica estranho ... queria ajustar isso pra tela servir em qualquer coisa, tipo tablet pc note tela grande pequena ou sei la, passarei abaixo o link e se alguem quiser passar alguma dica tbm de design ou pra melhorar mesmo o site =D agradeço desde ja gente ! mto bom poder ter pra quem perguntar essas coisas, n sao mtas as pessoas q sao tao pacientes quanto vcs.. abraços

link

É necessário se cadastrar para acessar o conteúdo.

• Entre
• ou
• Cadastre-se

[Cr4cko 1.212]

Cara, não tem outra saída! Você vai ter que dar uma lida em algum front-end framework..

Trabalhar com layouts que se adaptam a qualquer tipo de resolução/dispositivo requer trabalhar com porcentagens e não tamanhos exatos..

Como você disse, desenvolveu o site para a SUA resolução, não pensou nos outros usuarios..

Enfim, de uma lida nessa postagem que fiz, relacionada ao Bootstrap (http://www.webcheats.com.br/forum/css-xml-xhtml-html-javascript/2464795-introducao-ao-bootstrap-mobile-first.html)

 

É necessário se cadastrar para acessar o conteúdo.

• Entre
• ou
• Cadastre-se

 

Ele tem diversos componentes que adiantam muito sua vida.. você pode usar suas grids,

pode criar navbar pensando nele e tal.. E nesse post já ensinei como você alterar o design dele.

Então você pode adaptar para o design do seu site..

 

Eu uso MUITO o Inspecionar Elemento do Google Chrome.. ele é excelente, ajuda bastante quando aparece erros

então aproveite essa ferramenta também, que ajudará você até demais!

Se não quiser ter todo esse trabalho, use porcentagem e não medidas exatas quando for calcular largura de componentes..

 

Por exemplo:

 

Elemento pai (ocupa 90% do site)

Elemento filho float left (ocupa 30% de 100% do elemento pai, que no caso ocupa 90% do site)

Elemento filho float right (ocupa 70% de 100% do elemento pai, que no caso ocupa 90% do site)

 

Entendeu? só que ai você vai ajustando.. recomendo você que está iniciando,tentar na raça, mas usar o Bootstrap não vai

te fazer burro/inútil.. só vai poupar seu tempo..

Abraços