Uma coisa facil de se fazer com HTML e CSS, e definir que uma div ocupe a largura toda da tela do navegador, basta setar width: 100% no css, mas para esta div pegar toda a altura da tela, independente se o monitor e redimensionado ou nao, pode ser uma tarefa um pouco mais complicada, mas pode ser resolvida assim:HTML:criei aqui uma div bem simples, apenas para exemplificarCSS:html, body{ height:100%; /* aqui definimos que o html e o body terao altura de 100% */}.Sua-Div{ width:100%; height:auto; min-height:100%; /* aqui e onde acontece a magica, a propriedade height:auto e min-height: 100% fara com que esta div ocupe sempre a altura total do navegador, mesmo quando redimensionado */ background:blue;}Facam seus testes, se tiverem outros meios de fazer a mesma coisa, postem nos comentarios!Com este codigo, sua div ocupara a altura total do navegador, mesmo se ele for redimensionado. Comparado a um formulario de contatos em PHP que postei a algum tempo atras, esta e uma versao melhorada, por isso, 2.0.Confira abaixo o codigo comentado:HTML Nome: E-mail: Telefone: Mensagem: PHPif(isset($_POST['enviar'])) {$remetente = "contato@seuemail.com.br"; // INSIRA AQUI UM EMAIL CRIADO EM SUA HOSPEDAGEM PARA QUE A MENSAGEM SEJA ENVIADA CORRETAMENTE.$destinatario = "contato@seuemail.com.br"; // INSIRA AQUI O ENDERECO DO DESTINATARIO DO E-MAIL.$charset = $_POST['charset'];$assunto = 'contato-site';$nome = $_POST['nome'];$mail = $_POST['mail'];$telefone = $_POST['telefone'];$mensagem = $_POST['mensagem'];$corpo = "Nome: ".$nome."E-mail: ".$mail."Fone: ".$telefone."Mensagem: ".$mensagem."";$headers = "MIME-Version: 1.0\r\n";$headers .= "Content-type: text/html; charset=".$charset."\r\n";//$headers .= "Cc: copia@seudominio\r\n"; CAMPO COPIA OPCIONAL//$headers .= "Bcc: copiaoculta@seudominio\r\n"; CAMPO COPIA OCULTA OPCIONAL$headers .= "From: ".$remetente."\r\n";if (preg_match( "/bcc:|cc:|multipart|\[url|Content-Type:/i", implode($_POST))) {$spam=true; }if(mail($destinatario, $assunto, $corpo, $headers)) {echo file_get_contents('obrigado.html');}else {echo file_get_contents('erro.html');}}else {echo file_get_contents('erro.html');}Obs, o exemplo acima serve apenas como consulta, se desejar se basear nele, sugiro que faca as alteracoes necessarias para que funcione corretamente para suas necessidades, nao autorizo a copia total do conteudo para uso comercial, caso isso seja feito, nao me responsabilizo por algum problema tecnico. Imagine a seguinte situacao: Voce precisa inserir varias imagens em uma pagina, com uma legenda abaixo de cada uma delas.O modo convencional, seria inserir um abaixo de cada imagem e posiciona-los via CSS, mas pesquisando um pouco, vi uma forma diferente de se fazer isso... A forma convencional e bem simples, mas e legal variar um pouco, veja so como fiz:Confira o Jscript comentado abaixo, claro, para funcionar, nao deixe de inserir alguma versao da biblioteca JQuery em sua pagina.$(document).ready(function(){$("img.legenda").each(function(){ var title = this.alt; $(this).after(''+ title +'');}); }); Esse script simplesmente diz que todas as imagens que forem da classe "legenda" terao uma div (criada automaticamente) embaixo delas exibindo seu texto ALT como legenda.Voce podera personalizar a posicao, cores, tamanho, etc, da classe "stap-caption" via css tranquilamente, facam seus testes! Posso dizer que este e o primeiro projeto de maquete eletronica que fiz pra valer.A imagem tem diversos problemas a serem corrigidos, mas ja fiquei bastante satisfeito com seu resultado.Utilizei as tecnicas e recursos ensinados no curso Maquete Virtual 3D da Tonka3DApos o render, levei para o Photoshop para uma pos producaoMental ray para mim, era um bicho de 7 cabecas, mas agora, com a ajuda do curso estou comecando a entender melhor este