Ir para conteúdo

POWERED BY:

Arquivado

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

Renata Pedrosa

surpresa com CSS no firefox

Por , em Desenvolvimento frontend

Recommended Posts

Renata Pedrosa    0

Renata Pedrosa
Postado

Pessoal desenvolvi um site sem me preocupar com o Firefox já que muita gente diz que ele

é excelente e melhor que o IE, só que pra minha surpresa quando resolvi testar o site no firefox

ele não reconheceu CSS para formulario que funcionou perfeito no IE 6,7 E 8.

 

OBS: outra duvida: o firefox reconhece o "   " como um espaço em branco?

 

Segue:

.select {
	BORDER-RIGHT: #fefefe 1px solid; BORDER-TOP: #fefefe 1px solid; FONT-SIZE: 9px; BORDER-LEFT: #fefefe 1px solid; WIDTH: 180px; COLOR: #111714; LINE-HEIGHT: 20px; BORDER-BOTTOM: #fefefe 1px solid; FONT-FAMILY: Verdana; HEIGHT: 20px; BACKGROUND-COLOR: #fefefe
}

.caixatexto {
	BORDER-RIGHT: #999999 1px solid; BORDER-TOP: #999999 1px solid; FONT-SIZE: 10px; BORDER-LEFT: #999999 1px solid; COLOR: #646261; LINE-HEIGHT: 12px; BORDER-BOTTOM: #999999 1px solid; FONT-FAMILY: Verdana; HEIGHT: 15px; BACKGROUND-COLOR: #fefefe
}
.botao {
	BORDER-RIGHT: #999999 1px solid; BORDER-TOP: #999999 1px solid; FONT-SIZE: 10px; BORDER-LEFT: #999999 1px solid; COLOR: #646261; LINE-HEIGHT: 12px; BORDER-BOTTOM: #999999 1px solid; FONT-FAMILY: Verdana; COLOR: #ffffff; HEIGHT: 15px; BACKGROUND-COLOR: #999999
}

Compartilhar este post

Link para o post
Compartilhar em outros sites

Renata Pedrosa    0

Renata Pedrosa
Postado

na verdade não é que ele não aceite 100% CSS, só que nos campos dos formularios não...,

agora nos textos ele aceita normalmente.

 

nesse caso os campos do formulario ficam normal como no HTML, e ai bagunça minha formatação,

pq onde coloquei o form só cabe com uma formatação para deixar o form mais compacto.

 

obrigado pela atenção

Compartilhar este post

Link para o post
Compartilhar em outros sites

Anderson Narciso    3

Anderson Narciso
Postado

Refiz seu codigo com algumas abreviações.. no que você postou algumas coisas não fechavam com falta do " ; " no final, pode ter sido erro ao copiar.

Post seu codigo para vermos, ficaria mais facil

Eu apenas refiz o que covê colou, não quer dizer que resolve o problema.

 

.select {
	border: 1px solid #fefefe; /* para todas as bordas */
	font: 9px Verdana; /* abreviação para font */
	color:#111714;
	width: 180px; 
	height: 20px;
	line-height: 20px; 
	background: #fefefe;
}

.caixatexto {
	border: 1px solid #999; /* para todas as bordas */
	font: 10px Verdana; /* abreviação para font */
	color: #646261;
	line-height: 12px; 
	height: 15px; 
	background: #fefefe;
}
.botao {
	border: 1px solid #999; /* para todas as bordas */
	font: 10px Verdana; /* abreviação para font */
	color: #646261;
	line-height: 12px; 
	height: 15px; 
	background: #999;
}

Compartilhar este post

Link para o post
Compartilhar em outros sites

Renata Pedrosa    0

Renata Pedrosa
Postado

Fiz uma revisão no meu CSS, mas não tem jeito; o firefox não esta aceitando css em formulario

 

Segue como estou chamando, se bem que aqui não tem nada errado porque no IE funciona,

assim como, o possivel erro por as css estarem em CAIXA ALTA pq como vcs verão abaixo

tenho algumas regras ainda em caixa alta e mesmo assim o firefox aplica essas regras

nos textos, só não funciona em formulario:

 

<link href="./includes/estilo.css" rel="stylesheet" type="text/css">
<SELECT class="selecao" name=regiao> 
						 <OPTION value="" selected>Todo o Nordeste</OPTION> 
						 <OPTION value=2>Alagoas</OPTION>
						 <OPTION value=5>Bahia</OPTION>
						 <OPTION value=6>Ceará</OPTION>
						 <OPTION value=10>Maranhão</OPTION>
						 <OPTION value=15>Paraíba</OPTION>
						 <OPTION value=16>Pernambuco</OPTION>
						 <OPTION value=17>Piauí</OPTION>
						 <OPTION value=20>Rio Grande do Norte</OPTION>
						 <OPTION value=25>Sergipe</OPTION>
</SELECT>

 

 

CSS:

 

 

 

.selectmenor
{
	border-right: #fefefe 1px solid; border-top: #fefefe 1px solid; font-size: 9px; border-left: #fefefe 1px solid; width: 140px; color: #111714; line-height: 20px; border-bottom: #fefefe 1px solid; font-family: Verdana; height: 20px; background-color: #fefefe;
}
.input 
{
	border-right: #999999 1px solid; border-top: #999999 1px solid; font-size: 10px; border-left: #999999 1px solid; color: #646261; line-height: 12px; border-bottom: #999999 1px solid; font-family: Verdana; height: 16px; background-color: #fefefe;
}
.botao 
{
	border-right: #b6b5b5 1px solid; border-top: #b6b5b5 1px solid; font-size: 11px; border-left: #b6b5b5 1px solid; width: 65px; color: #171411; border-bottom: #b6b5b5 1px solid; font-family: Verdana; height: 16px; background-color: #f7f7f7;
}
.textopreto 
{
	FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.textobranco 
{
	FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.textomenu
{
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.imprimir 
{
	FONT-WEIGHT: Bold; FONT-SIZE: 14px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
A.menu:link {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #ECE9D8; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
A.menu:visited {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #ECE9D8; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
A.menu:hover {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #ECE9D8; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
A.menu:active {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #ECE9D8; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}

Compartilhar este post

Link para o post
Compartilhar em outros sites

Thiago Retondar    18

Thiago Retondar
Postado

Testei aqui e em todos os navegadores citados estão normais. http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

 

Repearei que há bastante erros de marcação em seu XHTML. Para prevenir erros, seria interessante validar o site. http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

 

Pode postar uma imagem de onde aparece o erro?

Compartilhar este post

Link para o post
Compartilhar em outros sites

Matias Rezende    50

Matias Rezende
Postado

Aqui você usa a class SELECAO. Só que esta class não existe... Pelo menos nesta parte do CSS que você postou.

 

<SELECT class="selecao" name=regiao>

Carlos Eduardo

Compartilhar este post

Link para o post
Compartilhar em outros sites

Thiago Retondar    18

Thiago Retondar
Postado

Ainda não analisei seu código de forma profunda, mas creio que o erro está na validação.

 

Para validar o XHTML e CSS, respectivamente, basta ir em:

 

http://forum.imasters.com.br/public/style_emoticons/default/seta.gif http://validator.w3.org/

http://forum.imasters.com.br/public/style_emoticons/default/seta.gif http://jigsaw.w3.org/css-validator/

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

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

  Aceito