Ir para conteúdo

POWERED BY:

Arquivado

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

mindoym

Problema com CSS

Por , em Desenvolvimento frontend

Recommended Posts

mindoym    0

mindoym
Postado

Boa Noite.

 

Galera, esse tópico talvez seja repetido, mais eu já pesquisei vários tópicos mais não consigo encontrar a causa do problema que está aparecendo com o CSS no firefox;

 

Segue abaixo o código que estou usando para demonstração do problema. No IE6 as maregens obedecem numa boa, mais no firefox o mesmo não acontece.

 

Código da página teste:

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<link rel="stylesheet" href="css/estilo.css" type="text/css" media="screen" />

</head>

<body>
<div id="boxcentral">
<h2>Teste de Padrões das Margens adequadas</h2>
</div>
</body>
</html>

Código do arquivo CSS:

#boxcentral {
	padding-right: 5px; margin-top:10px; padding-left: 3px; float: none; margin-bottom: 3px; padding-bottom: 3px; margin-left: 3px; width: 500px; line-height: 16px; padding-top: 3px; position: relative; }


body {background : #e6fee5 url(../imagens/sombra.gif) repeat-y scroll; scrollbar-arrow-color:#000000; scrollbar-3dlight-color:#57df57; scrollbar-highlight-color:#57df57; scrollbar-face-color:#e6fee5; scrollbar-shadow-color:#d5d5aa; scrollbar-darkshadow-color:##d5d5de; scrollbar-track-color:#57df57; margin-top:0;}

a:hover{ background-color: #e6fee5; }

ul{
	list-style-type: none;
	margin: 0;
   }

	
h2 {
	margin: 5,5,8,10;
	padding:5,5,8,10;
	border-bottom: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	border-right: 10px solid #b48181;
	color: #334d55;
	font-size: 2em;
	font-weight:normal;
	line-height:100%;
	height: 25px;
	}

h3{
 font-family: arial,sans-serif;
 font-size: 16px;
 color: #334d55;
 margin: 0px;
 padding: 0px;
 }

A quem possa ajudar, ficam meus agradecimentos.

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Já tentou zerar o documento?

*{ /*seletor universal, conforme for precisando de margin ou padding, é só ir setando no seletor que quiser.*/
	margin: 0;
	padding: 0;
}

Depois disso, a vizualização foi a mesma tanto no FF 2.0 como no IE7.0 aqui pra mim.

Compartilhar este post

Link para o post
Compartilhar em outros sites

mindoym    0

mindoym
Postado

Valeu pela ajuda, tiu uiLL, mais aqui não deu certo da maneira que você falou.

 

Eu consegui fazendo de uma outra maneira, acho que foi atirar no que viu e acertar no que não viu, mais deu certo, hehehe.

 

Não postei o link porque não tava on-line. Eu faço meus testes of-line mesmo.

 

Grato pela ajuda.

Compartilhar este post

Link para o post
Compartilhar em outros sites

brcontainer    16

brcontainer
Postado

vou comecar a lhe perguntar umas coisas:

primeiro:

por que você colocou isso:

float: none;
acredito que não tenha necessidade

segundo:

por que virgulas e tem de se por PX

margin: 5,5,8,10;
	padding:5,5,8,10;

deve ser assim:

margin: 5px 5px 8px 10px;
	padding:5px 5px 8px 10px;

acredito que fazendo isso terá resolvido seu problema

abraço

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