Problemas com input type="text"

[mestre fyoda 1]

Pq o campo <input name="nome" type="text" class="caixa" id="nome" size="102" /> está maior no IE e no Firefox está menor ?

 

#esquerda {width: 10%;float: left;}#cadastro {width: 75%;float: left;}#direita {width: 10%;float: right;}.cE { float:left; width: 50%; } .cD { float: right; width: 50%; } .cG{ float: left; width: 100%;}.caixa {font-size: 10px;font-family: Verdana, Arial, Helvetica, sans-serif;height: 18px;border: 1px Solid #888;padding-top: 2px;padding-left: 2px;}form fieldset{   float: left;   margin-right: 7px;   width: 100%;   border: 1px Dashed black;   padding: 3%;   margin-bottom: 10px;   padding-top: 3px; /* MARGEM SUPERIOR DO FIELDSET */}form legend{   padding: 6px;   margin: 5px;   border: 1px Dashed black;   border-bottom: 0px;   font-size: 10px;   font-weight: bold;   background-color: #FFF;   clear: both;}form label{   display: block;   font-size: 10px;   font-family: Verdana, Arial, Helvetica, sans-serif;   text-transform:uppercase;   font-weight: bold;   padding-left: 3px;}form input{   margin: 3px;   vertical-align:middle;}form select{   font-size:10px;    margin: 3px;   line-height:15px;    vertical-align:middle;   font-family: 'Trebuchet MS', Verdana, Tahoma, Serif;}

 

<fieldset id="Dados">	  <legend> Dados Pessoais </legend>			<div class="cG">					<label for="nome"> Nome:</label>						<input name="nome" type="text" class="caixa" id="nome" size="102" />			</div>						<div class="cE">					<label for="cpf"> CPF:</label>						<input name="cpf" type="text" class="caixa" id="cpf" size="45" />			</div>						<div class="cD">					<label for="rg"> RG:</label>						<input name="rg" type="text" class="caixa" id="rg" size="45" />			</div>			<div class="cE">					<label for="cpf"> Data Nascimento:</label>						<input name="dia" type="text" class="caixa" id="dia" size="3" /> <font size="1" style="font-weight: bold; vertical-align: middle;">/ </font>						<input name="mes" type="text" class="caixa" id="mes" size="3" /> <font size="1" style="font-weight: bold; vertical-align: middle;">/ </font>						<input name="ano" type="text" class="caixa" id="ano" size="5" />			</div>						<div class="cD">					<label for="rg"> Sexo:</label>						<input name="rg" type="text" class="caixa" id="rg" size="45" />			</div>  </fieldset>

[Giovani 104]

Na classe caixa defina um width.

E no input tire o size.

 

[]'s http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[mestre fyoda 1]

mas ai que está, eu fazendo isso todos os campos text vao ficar com esse tamanho e eu tenho muitos campos com tamanhos diferentes, ai terei que fazer classes para cada um , ai nao fica legal !

[brcontainer 16]

ao inves de classes use tipo isso <style>#ano{width:200px;}</style><input name="ano" type="text" class="caixa" id="ano" />^^ abraço

[Guilherme Rambo 4]

Isso mesmo, defina ID's...CSS é muito bom, mas infelizmente não é mágico =/[]'s