Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

rogeralves11

[Resolvido] Bug do IE6 em formulários

Recommended Posts

Olá pessoal,

 

dêem uma olhada nesse formulário... ele aparece correto nos demais browsers e fica todo errado no ie6.

 

Aqui está a imagem do que está acontecendo

 

Abaixo o código:

<form action="mail.php" method="post" name="inscricao" id="inscricao" onsubmit="return valida_contato()">
                             <fieldset>
                             <legend>Dados da empresa</legend>
                             
                             <label for="empresa">Empresa</label>
                             <input type="text" name="empresa" id="empresa"/>
                             
                             <label for="endereco">Endereço</label>
                             <input type="text" name="endereco" id="endereco"/>
                             
                             <label for="cidade">Cidade</label>
                             <input type="text" name="cidade" id="cidade"/>
                             
                             <label for="estado">Estado</label>
                             <select class="quarter" name="estado">
                             <option value="0" selected>...</option>
                             <option value="AC">AC</option>
                             <option value="AL">AL</option>
                             <option value="AM">AM</option>
                             <option value="AP">AP</option>
                             <option value="BA">BA</option>
                             <option value="CE">CE</option>
                             <option value="DF">DF</option>
                             <option value="ES">ES</option>
                             <option value="GO">GO</option>
                             <option value="MA">MA</option>
                             <option value="MG">MG</option>
                             <option value="MS">MS</option>
                             <option value="MT">MT</option>
                             <option value="PA">PA</option>
                             <option value="PB">PB</option>
                             <option value="PE">PE</option>
                             <option value="PI">PI</option>
                             <option value="PR">PR</option>
                             <option value="RJ">RJ</option>
                             <option value="RN">RN</option>
                             <option value="RO">RO</option>
                             <option value="RR">RR</option>
                             <option value="RS">RS</option>
                             <option value="SC">SC</option>
                             <option value="SE">SE</option>
                             <option value="SP">SP</option>
                             <option value="TO">TO</option>
                             </select>
                             
                             <label class="quarter" for="cep">CEP</label>
                             <input class="half" type="text" name="cep" id="cep"/>
                             
                             <label for="telefone">Telefone</label>
                             <input type="text" name="telefone" id="telefone"/>
                             
                             <label for="fax">Fax</label>
                             <input type="text" name="fax" id="fax"/>
                             
                             <label for="email">E-mail</label>
                             <input type="text" name="email" id="email"/>
                             </fieldset>

Alguém tem alguma idéia do que está acontecendo???

 

Valeu!!!

Compartilhar este post


Link para o post
Compartilhar em outros sites

A sua imagem não abriu aqui.

Qual é o CSS que você está usando ? tem um link para o site ?

Compartilhar este post


Link para o post
Compartilhar em outros sites

A sua imagem não abriu aqui.

Qual é o CSS que você está usando ? tem um link para o site ?

 

 

Oi William!

 

Eu corrigi o link, pode olhar agora.

 

Essa página está provisoriamente nesse endereço

 

O css do formulário é o seguinte:

/* ------------------------------ & formulários ------------------------------------*/
fieldset {
	width: 97%;
	display:block;
	margin-bottom: 10px;
	padding-left: 3px;
	float:left;
	clear:left;
	border: 1px solid #CCC;
	_padding-bottom: 9px;
}
fieldset legend{margin-left: 10px; padding: 2px; font-size: 14px; font-weight:bold;color:#0F7A94; }
label {
	display:block;
	width: 76px;
	height: 20px;
	float:left;
	text-align:right;
	margin-top:3px;
	margin-bottom: 8px;
	margin-left: 5px;
	border:none;
	font-weight: bold;
	color: #444;
}
input, textarea, select {
	display:block;
	height: 22px;
	width: 176px;
	float:left;
	text-align:left;
	font: Arial, Helvetica, sans-serif;
	margin-left: 8px;
	color: #333;
	margin-bottom: 10px;
	background-color: #EEE;
	border:1px solid #CCC;
	cursor:text;
}
textarea {height: 100%;}
input.half, select.half {width: 81px;}
input.quarter, select.quarter{width: 45px;}
label.quarter {width: 35px;}
label.big {width: 230px; text-align:left;}
input[type="radio"] {
  display: visible;
  width:auto;
  background-color: #FFF;
  border:none;
  cursor:pointer;
  float:left;
  clear:left;
}
select {cursor:pointer;}
input.bt {postition:relative; display:block; _display: inline-block; width: 60px; height: 35px; text-align: center; float:left; margin-left: 140px; background-color: #0F7A94; border: 2px solid #BABABA; color: #FFF; line-height:24px; cursor:pointer;}
input.bt:hover {background-color: #099;}

Abraço

Compartilhar este post


Link para o post
Compartilhar em outros sites

Não tive tempo de analisar muito bem o código, mas creio que seja o bug da margem dupla.

 

Você colocou margin-left: 5px com float: left. Para o Internet Explorer 6 isso é igual à margin-left: 10px. Para resolver, basta adicionar um display: inline.

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.