Como Fazer meu Formulario se adaptar junto com a tela em %?

[rafa2098 1]

Pessoal criei meu site todo em % entao ele se adapta ao tamanho do monitor, so que criei um formulario na minha index.php , mais ele nao se adapta junto com o resto do site, ai cria barra de rolagem, como faço pra ele se adaptar tbm?

 

OBS: a imagem atras do formulario esta em % entao ele vai se adaptando, mais invez dela diminuir ela vai cortando... me ajude?

[André do Vale 76]

Link ou código para que possamos lhe ajudar.

[rafa2098 1]

 

<div id="formulario">

<h1><b>Preencha o Formulario</b></h1>

<h2>e receba um Contato!</h2>

<div id="form_completo">

<div style="display:none;"><p>

 

</p></div>

<form id="form1" name="form1" method="post" action="">

<label>

<select name="destino" id="destino" >

<option value="fernandosbarros@gmail.com">GVT Contatos</option>

</select>

</label>

 

<p><b>Empresa:</b><br>

 

<input name="empresa" type="text" size="40"><br>

 

<b>CNPJ:</b><br />

<input name="cnpj" type="text" size="40" maxlength="15"><br />

 

<b>Pessoa de Contato:</b><br />

<input name="pessoa" type="text" size="40" /><br />

 

<b>Email:</b><br />

<input name="email" type="text" size="40" /><br />

 

<b>DDD+Telefone:</b><br />

<input name="telefone" type="text" size="40" maxlength="11" />

<br />

 

<b>DDD+Celular:</b><br />

<input name="celular" type="text" size="40" maxlength="11" />

<br />

 

<b>Estado:</b><br />

<select name="formulario" id="formulario2">

<option selected="selected">Selecione....</option>

<option value="acre">Acre</option>

<option value="alagoas">Alagoas</option>

<option value="amapa">Amapa</option>

<option value="amazonas">Amazonas</option>

<option value="bahia">Bahia</option>

<option value="ceara">Ceara</option>

<option value="distrito federal">Distrito Federal</option>

<option value="espitiro santo">Espirito Santo</option>

<option value="goias">Goias</option>

<option value="maranhao">Maranhao</option>

<option value="mato grosso">Mato Grosso</option>

<option value="mato grosso do sul">Mato Grosso do Sul</option>

<option value="minas gerais">Minas Gerais</option>

<option value="para">Para</option>

<option value="paraiba">Paraiba</option>

<option value="parana">Parana</option>

<option value="pernanbuco">Pernanbuco</option>

<option value="piaui">Piaui</option>

<option value="rio de janeiro">Rio de Janeiro</option>

<option value="rio grande do norte">Rio Grande do Norte</option>

<option value="rio grande do sul">Rio Grande do Sul</option>

<option value="rondonia">Rondonia</option>

<option value="roraima">Roraima</option>

<option value="santa catarina">Santa Catarina</option>

<option value="sao paulo">Sao Paulo</option>

<option value="sergipe">Sergipe</option>

<option value="tocantins">Tocantins</option>

</select>

<br />

 

<label for="formulario"></label>

<b>Cidade:</b>

<br />

<input name="cidade" type="text" size="40" maxlength="30" />

<br />

<b>Interesse:</b><br />

<select name="interesse" />

<option>Selecione...</option>

<option value="data-center">Data Center</option>

<option value="internetD">Internet - Dados</option>

<option value="telefoniaF">Telefonia Fixa</option>

<option value="telefoniaM">Telefonia Movel</option>

<option value="vpn">VPN - MPLS</option>

<option value="outros">Outros...</option>

</select>

<br />

 

 

<b>Fale Sobre as Suas Necessidades?</b><br />

<textarea name="necessidades" cols="20" rows=""></textarea>

<br /><br />

<input type="submit" name="Submit" value="Enviar">

</p>

<?

$destino = $_POST['destino'];

$empresa = $_POST['empresa'];

$cnpj = $_POST['cnpj'];

$pessoa = $_POST['pessoa'];

$email = $_POST['email'];

$telefone = $_POST['telefone'];

$celular = $_POST['celular'];

$formulario = $_POST['formulario'];

$cidade = $_POST['cidade'];

$interesse = $_POST['interesse'];

$necessidades = $_POST['necessidades'];

/* Dados que serão enviados*/

mail("$destino","Contato GVT",

"empresa: $empresa

Cnpj: $cnpj

Nome de Contato: $pessoa

Email: $email

Telefone: $telefone

Celular: $celular

Estado: $formulario

Cidade: $cidade

Interesse: $interesse

Necessidades: $necessidades

\nMensagem:\n $mensagem ","From:$email");

echo(' <html>

<head>

<title>GVT Para Empresas</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<style type="text/css">

<!--

.style1 {

font-size: 12px;

font-family: Verdana, Arial, Helvetica, sans-serif;

}

-->

</style>

<script language="JavaScript" type="text/JavaScript">

<!--

function close_window() {

window.close();

}

//-->

</script>

</head>

</html>');

?>

</form>

 

[Diéssica 140]

:seta: http://www.hongkiat.com/blog/creating-responsive-form-with-css3-html5/