2 replies to this topic

[Rafael Silva Dr]

Pessoal estou fazendo um form de contato em css beleza, so que o problema é que a aparence diferente do FireFox Para IE 6.

FireFox:


IE 6:


No firefox ta certo mais ie totalmente diferente, segue o código usado abaixo:

<style type="text/css">
<!--
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
#container_form{
width:170px;
height:150px;
float:left;
font-family: Arial;
font-size:12px;
color:#666666;
font-weight: bold;
}
#form{
width:750px;
height:130px;
padding: 10px;
}
.input{
background-color:#DDDDDD;
border:hidden;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
}
.btn{
background:#CCCCCC;
}

-->
</style>
<br/>
  <form name="form1" method="post" action="">
  <div id="form">
  <div id="container_form">
	<div align="left">*Nome:
	  <div align="left">
		<input name="nome" type="text" class="input" id="nome" size="22">
	  </div>
	</div>
		<div align="left">*E-mail:
	  <div align="left">
		<input name="email" type="text" class="input" id="email" size="22">
	  </div>
	</div>
	<div align="left">*Fone:
	  <div align="left">
		<input name="fone" type="text" class="input" id="fone" size="22">
	  </div>
	</div>
	   <div align="left">*Moto:
	  <div align="left">
		<input name="moto" type="text" class="input" id="moto" size="22">
	  </div>
	</div>
  </div>
	<div id="container_form">
	<div align="left">*Quilometragem:
	  <div align="left">
		<input name="n_parcelas" type="text" class="input" id="n_parcelas" size="24">
	  </div>
	</div>
		<div align="left">*Ano:
		  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;* Placa
		  <div align="left">
		<input name="n_parcelas" type="text" class="input" id="n_parcelas" size="8">
		<input name="n_parcelas2" type="text" class="input" id="n_parcelas2" size="8" />
	  </div>
	</div>
	<div align="left">*Data:
		  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;* Hor&aacute;rio:
		  <div align="left">
		<input name="n_parcelas" type="text" class="input" id="n_parcelas" size="8">
		<input name="n_parcelas2" type="text" class="input" id="n_parcelas2" size="8" />
	  </div>
	</div>
	
	  <div align="right"></div>
	</div>
	<div id="container_form">
	<div align="left">*Servi&ccedil;o Desejado:
	  <div align="left">
		<textarea name="n_parcelas" cols="25" rows="5" class="input" id="n_parcelas"></textarea>
	  </div>
	</div>
	  <div align="left"></div>
	<div align="left"></div>
	
	  <div align="right">
		<input name="button" type="submit" class="btn" id="button" value="Agendar">
	  </div>
	</div>
	</div>
  </form>

Se alguém poder me ajudar vlw

Edição feita por: Rafael Silva Dr, 12/11/2008, 20:26.

[Édipo Costa Rebouças]

zere as bordas dos input type text e do textarea

[Rafael Silva Dr]

Sim isso mesmo vlw, agora tipo o outro problema é que o botão Enviar fica torto e so no ie isso..
de qualquer forma vlw ai tmb ja meu ajdou basntante