Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Boa tarde amigos.
Tenho um site que contém em sua página principal basicamente, um logo, um menu drop down e um iframe onde é carregado o conteúdo.
Acontece que esse site é visualizado por navegadores de diferentes resoluções e não quero que fique muito pequeno em navegadores de alta resolução e nem grande demais em navegadores de resolução menor, cheguei a usar como valor da prorpiedade width porcentagem (tipo 100%) mas se a janeja for minimizada fica tudo estranho.
cheguei a encontrar algumas funções aqui mas ela atua diretamente sobre os elementos html, enquanto o que eu preciso mudar é diretamente na folha de estilos.
Então preciso de uma função que faça isso e eu colocaria no evento onLoad do body.
Alguém sabe como eu posso fazer isso?
valeu!!!
Como funciona isso? tentei isso aqui embaixo mas não notei diferença alguma:
width: 100%;
max-width: 1275px;
min-width: 800px;Se você não colocar um DOCTYPE o IE vai insistir em renderizar em quirks mode.
Testa isso pra você entender:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="[http://www.w3.org/1999/xhtml"](http://www.w3.org/1999/xhtml) lang="pt-br">
<head>
<style type="text/css"> margin: 0;
padding: 0;
}
#teste {
width: 100%;
max-width: 1275px;
min-width: 800px;
background-color: #f0f;
height: 200px;
margin: 0 auto; /* centralizar na tela */
}
</style>
</head>
<body>
<div id="teste">
Notou a diferença ?
</div><!-- /teste -->
</body>
</html> o DIV vai se expandir até o max-width, e se encolher até o min-width.
você já tentou width: 100% e max-width, e min-width?
Assim você controla bem a fluidez do layout. Fora que uma solução totalmente CSS não impede o teu site de rodar corretamente, se o cliente desativar o Javascript.