Ir para conteúdo

POWERED BY:

Arquivado

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

WHR

[Resolvido] % no FX

Por , em Desenvolvimento frontend

Recommended Posts

WHR    0

WHR
Postado

Bom dia pessoal, gostaria de saber como faço que através do firefox aceite % pois no IE esta perfeito um menu que desenvolvi onde ele centraliza ok já no FX ele esta todo comprimido não aceitando as % referente ao tamanho dos botoes.

 

Como resolvo isso?

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Poste um link para o teu site, ou o trecho do código para analizarmos.

Aceitar ele aceita. O Firefox aplica melhor regras CSS doque o IE.

Compartilhar este post

Link para o post
Compartilhar em outros sites

WHR    0

WHR
Postado

Poste um link para o teu site, ou o trecho do código para analizarmos.

Aceitar ele aceita. O Firefox aplica melhor regras CSS doque o IE.

Segue um techo William

 

.menuwrap {
	CLEAR: both; PADDING-RIGHT: 0px; MIN-WIDTH: 778px; PADDING-LEFT: 0px; FONT-SIZE: 1.2em; PADDING-BOTTOM: 0px; OVERFLOW: hidden; LINE-HEIGHT: 28px; PADDING-TOP: 5px; 
}

#header .menuwrap .mn-eletronicos A {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}

<!-- ESPAÇO ENTRE MENU TOPO -->
#header .menuwrap .menu_topo {
	WIDTH: 14.0%;
}

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

declarações CSS devem ser feitas em minúsculo.

.menuwrap {
	clear: both;
	padding-right: 0px;
	min-width: 778px;
	padding-left: 0px;
	font-size: 1.2em;
	padding-bottom: 0px;
	overflot: hidden;
	line-height: 28px;
	padding-top: 5px;
}
#header .menuwrap .mn-eletronicos a {
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 0px;
	padding-top: 0px
}
/* A outra forma de comentário estava errada, aquilo era comentário HTML, e não CSS */
#header .menuwrap .menu_topo {
	width: 14.0%;
}
E algo bom à ser feito, é reduzir algumas declarações, como trocar:

#header .menuwrap .mn-eletronicos a {
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 0px;
	padding-top: 0px
}
por:
#header .menuwrap .mn-eletronicos a {
	padding: 0  5px 0 5px;
}
A regra é o relógio.

top, right, bottom, left

 

você está usando um DOCTYPE no documento HTML ?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
		"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pt-br" lang="pt-br">
<head>

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