questão css no firefox, fronteira não mostrar corretamente

votos
4

eu tenho um problema no Firefox, enquanto todos IE, Safari e Chrome estão trabalhando.

<div class=forDiv>ddd</div>
<table class=forTable> .... </table>


.forDiv {
width:100%;
border:3px solid #236FBD;
background-color: #236FBD;
}

.forTable{
width:100%;
border:3px solid #236FBD;
background-color: #236FBD;
}

no Firefox, o div é um pouco menor. como posso corrigir isso?

Publicado 27/08/2009 em 06:54
fonte usuário
Em outras línguas...                            


5 respostas

votos
7

.forDiv {
width:100%;
border:3px solid #236FBD;
background-color: #236FBD;
-moz-box-sizing: border-box;
}

.forTable{
width:100%;
border:3px solid #236FBD;
background-color: #236FBD;
-moz-box-sizing: border-box;
}
Respondeu 27/08/2009 em 06:58
fonte usuário

votos
4

É uma incoerência na forma como diferentes navegadores tratar o atributo de largura - se eles incluem as dimensões fronteira / enchimento na largura, ou se considerá-los adicional.

Você pode usar o atributo--moz-box dimensionamento definido como "border-box" para dizer navegadores baseados no Mozilla para emular como IE faz isso no modo quirks (veja esta página para mais detalhes).

Respondeu 27/08/2009 em 07:07
fonte usuário

votos
2

Tente overflow: hidden; i também teve mesmo problema. então eu tenho esse

ligação

de que eu tenho SOLN. para fazer estouro da div: escondido e funcionou muito bem para mim.

Respondeu 19/03/2010 em 06:32
fonte usuário

votos
2

Ok, este parece ser o clássico IE caixa-modelo de inconsistência (ou devo dizer, bug?)

A maneira mais simples em torno dela é para definir o seu div (a que contém ddd) dentro de um recipiente div como este:

<div id="container">
  <div class="forDiv">ddd</div>
</div>

E definir as propriedades CSS da seguinte forma:

#container
{
  width:100%;
}

.forDiv
{
  border: 3px solid;
}

Isso deve lhe dar o mesmo tamanho em ambos IE e Gecko.

Respondeu 27/08/2009 em 08:12
fonte usuário

votos
2

Muito provavelmente tem algo a ver com o margens ou preenchimento conjunto em países vizinhos ou que contenham elementos. Difícil dizer sem o contexto completo, mas também tentar definir os atributos margin e padding para o div e mesa e ver o que acontece.

Respondeu 27/08/2009 em 07:07
fonte usuário

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more