Ir para conteúdo

POWERED BY:

Arquivado

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

danielmkt

[Resolvido] Select quebrando layout

Recommended Posts

Fala Galera... Seguinte:

 

Estou desenvolvendo um layout em Css.

Estava correndo td normal até ter q inserir em uma form o elemento SELECT . Enquanto o campo esta vazio corre td normal. Mas quando é inserido <option> a coluna seguinte quebra e aparece abaixo desta com o select.

ISSO SO OCORRE NO FIREFOX.

 

Oque pode estar acontecendo?

 

Espero que possam ajudar...

 

no aguardo

 

Abraço.

Compartilhar este post


Link para o post
Compartilhar em outros sites

tem como postar o código ou um link para podermos vizualizar o problema?

Compartilhar este post


Link para o post
Compartilhar em outros sites

segue o codigo

<h4>..:: CONCORRA</h4>
			<form action="enviar_promo.asp" method="post">
				<p>.: NOME : <input name="nome" type="text" size="25" class="textarea" /></p>
				<p> .: E-MAIL : <input name="email" type="text" size="25" class="textarea" /></p>
				<p>  .: CIDADE : <input name="cidade" type="text" size="20" class="textarea" /></p>
				<p>  .: PROMOÇÃO : <select name="promo" class="promo">
				  <option selected="selected">Selecione a Promoção</option>
				  <option>Promoção 1</option>
				  <option>Promoção 2</option>
				</select></p>
				<p><input name="limpar" type="reset" value="Limpar !!" class="botao" /> 
				<input name="enviar" type="submit" value="Enviar !!" class="botao" />
				</p>
			</form>

e isso esta dentro de um div...

espero q me ajudem... ta acabando meu prazo e num consegui nd ainda...

desde já obrigado...

Compartilhar este post


Link para o post
Compartilhar em outros sites

a div por acaso tem float?

 

se tiver na div 'acima' (pai) coloque: display: table-caption; (prefiro) ou display: table; para ver como fica ;)

Compartilhar este post


Link para o post
Compartilhar em outros sites

K M... Muito Obrigado cara... Muito mesmo... Na div conteudo onde fica todo conteudo que se altera da pagina tinha um float left coloquei display: table-caption; e funcionou perfeitamente...

 

Valeu mesmo cara... PROBLEMA RESOLVIDO

 

Mas gostaria de entender o pq isso aconteceu... e qual a funçao do table-caption e oq o mesmo fez nesse caso para corrigir isso?

 

Ufa quantas perguntas...

 

vlw de novo...

Compartilhar este post


Link para o post
Compartilhar em outros sites

estranho acredito que essas propriedades não sejam aplicadas assim:

display: table-caption;

porem se funcionou esta tudo bem

 

qualquer duvida volte a postar

falow

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.