Padding em DIV

[diogoleter]

Olá,

Estou tendo um pequeno problema com a aplicação de padding em objetos DIV. Eu não sei se é porque nunca observei, ou se é um erro meu. No Internet Explorer, quando um objeto DIV ganha o atributo padding do CSS, o espaçamento ocorre internamente, sem interferir no tamanho da DIV, agora no Firefox o padding está expandindo forçadamente o tamanho da DIV, ou seja, o espaçamento ocorre meio que de forma externa.

Como posso contornar ou solucionar isso?

Obrigado!

[flavio]

Fala diogo,

Realmente isso é fato comprovado. Veja: Maujor > Box Model

Pode-se usar hacks (num "portuguêis bem dizido": gambiarra) para contornar essas situação. Veja:

Maujor > Box Model Hack

O IE7 e os Hacks CSS

[diogoleter]

É Flavio, uma pena ter este tipo de problema. Mas obrigado pelas dicas, sem dúvidas serão bem aproveitadas.

Att.

[Geleiaskt]

Mas o correto é o padding expandir internamente mesmo. Não sei que erro está dando para você, mas já tentou utilizar a propriedade margin para corrigí-los?

Abraço!

[cassianooliver]

já verificou os valores da largura ou altura em questão?

EX, sua div deve ter 500px de largura, se você usar padding: 10px, então seu seletor deverá ficar assim...

#div {
     width: 480px;
     padding: 10px;
}

#div = 480px + 10px (esquerdo) + 10px (direito) = 500px de largura...