Tenho o costume de zerar todos os espaçamentos dos elementos HTML para uniformizar entre os browsers. Na prática, tenho uma regra CSS como a seguinte:

* {
    margin: 0;
    padding: 0;
}

Isso causa um problema que afeta os campos "select" no Firefox. Os campos ficam com um tamanho reduzido, dificultando a visualização de seus valores, um problema principalmente para o date_select:

date_select: antes

Como o problema é no Firefox, a solução é bem simples e puramente em CSS:

/* day */
select[name*="1i"] {
	min-width: 4.2em;
}
 
/* month */
select[name*="2i"] {
	min-width: 7.2em;
}
 
/* year */
select[name*="3i"] {
	min-width: 3.2em;
}

date_select: depois

Ainda bem que foi com o Firefox! ;)

Comentários #

#1 Arthur Zapparoli disse:
18 Fev 07, 11:03AM

Eu já tive esse problema tb e resolvi abrindo o arquivo CSS padrão que o Firefox utiliza e copiando as regras de lá.

Como vc disse, ainda bem que foi o Firefox. :)

#2 Jeferson disse:
19 Fev 07, 05:10PM

No Spesa esse problema ainda continua. :(

#3 Nando Vieira disse:
19 Fev 07, 08:13PM

Jeferson, novidades em breve... ;)

#4 Bernardo Rufino disse:
25 Abr 07, 05:43PM

Num seria melhor fazer assim?
option{margin-right:10px;}

#5 Nando Vieira disse:
25 Abr 07, 06:02PM

Bernardo, não sei, funciona? Se funciona, podia ser! ;)

#6 Bernardo Rufino disse:
11 Maio 07, 11:33PM

Funciona hehehe

#7 Pietro disse:
31 Ago 09, 01:52PM

Alguem pode me explicar como colocar portugues o data_select?

#8 Samuel Vinícius disse:
11 Fev 10, 08:18PM

Basta colocar o seguinte código no arquivo config/environment.rb

# Include your application configuration below
Date::MONTHNAMES = [nil] + %w(Janeiro Fevereiro Março Abril Maio Junho Julho Agosto Setembro Outubro Novembro Dezembro)
Date::DAYNAMES = %w(Domingo Segunda-Feira Terça-Feira Quarta-Feira Quinta-Feira Sexta-Feira Sábado)
Date::ABBR_MONTHNAMES = [nil] + %w(Jan Fev Mar Abr Mai Jun Jul Aug Set Out Nov Dez)
Date::ABBR_DAYNAMES = %w(Dom Seg Ter Qua Qui Sex Sab)

Time::MONTHNAMES = Date::MONTHNAMES
Time::DAYNAMES = Date::DAYNAMES
Time::ABBR_MONTHNAMES = Date::ABBR_MONTHNAMES
Time::ABBR_DAYNAMES = Date::ABBR_DAYNAMES

Inclusive o Nando explica isso em um Post neste blog = )

Deixe um comentário





Não é aceito código HTML: adicione-o no pastie.org ou paste.milk-it.net e poste apenas o link.

Se este é seu primeiro comentário, ele terá que ser aprovado antes de ser exibido.

JavaScript Avançado

O JavaScript é a única linguagem que muitos acreditam saber sem nunca terem parado para realmente aprendê-la. Neste workshop rápido você entenderá de verdade todos os conceitos avançados do JavaScript em 4 horas puramente práticas.

Saiba mais Fechar

Conheça também o HOWTO