Comentários sobre: Diferenças entre Margin e Padding

Por: Pedro Rogério

Pedro Rogério — Wed, 26 Oct 2011 19:09:06 +0000

Isso acontece por que o padding é somado a largura, ou seja, se eu tenho uma div com 800px de largura, se eu defino 10px de padding left e padding right, ela passa a ter agora 820px de largura.

Por: Leandro

Leandro — Wed, 26 Oct 2011 18:04:33 +0000

Muito legal seu post! Mas eu tenho uma dúvida, Criei uma div pai de 800px mais duas div filho, uma de 500px e outra de 100px. Até ai beleza, mas quando eu defino um espaçamento interno (padding) na div pai ela simplismente aumenta seu tamanho, mas os valores de 800px continuam… Alguma resposta?

Por: Everton Cesario

Everton Cesario — Fri, 27 May 2011 21:41:20 +0000

É bom encontrar tutoriais assim, ensinando e explicando, seja sobre HTML, seja sobre CSS, o bom é saber que ainda tem pessoas, que querem difundir informação, sem ficar oprimindo aquele que não sabe. Que venha o HTML 5. Abraço!

Por: Cássio

Cássio — Wed, 24 Nov 2010 00:54:20 +0000

Pedrão, ótimo post, parabéns!

Por: Edir

Edir — Sun, 17 May 2009 18:45:40 +0000

Imaginei que estivesse falando da regra de cálculo para padding e margin. Até hoje não descobri o motivo do cálculo ser adicional e não por referência, nem na documentação explica isso.

Engraçado é que é mais fácil lidar com o cálculo referêncial width:300px, padding:10px, do que width:280px, padding:10px, mesmo assim o box model usa a segunda opção. E a Microsoft colocou no IE8 uma opção de escolha para o cálculo -ms-box-sizing:border-box, o que pra mim deveria ser o modo correto de se calcular margins e paddings.

Por: Pedro Rogério

Pedro Rogério — Thu, 14 May 2009 11:16:00 +0000

@Hikari,

Futuramente estarei escrevendo um post sobre as diferenças entre motores de renderização. Com isso irá ficar bem claro para os usuários entender essas diferenças que ocorrem. Abraços.

Por: Hikari

Hikari — Wed, 13 May 2009 21:40:16 +0000

ae Pedro blz!

eu descobri seu blog a alguns dias e venho lendo ele, muito bom os tutoriais tomara q continue

Andei lendo poraí algumas coisas sobre o IE6 e seus problemas, daí tenho uma sugestão pra artigo. Liste as diferenças entre as 3 últimas versões do IE, o motivo do IE6 ser tão criticado e a posição dos 7 e 8 em relação a esses problemas.

Sobre o IE8 eu ainda naum sei nada, depois q li q a admin page do WordPress pode naum funcionar direito com ele, nem dei mais atenção.

Compare tb essas “características peculiares” dos IEs com FireFox, Opera e se possível Safari e Chrome.

Por: thifacco

thifacco — Wed, 13 May 2009 12:06:54 +0000

Até decorei um tempo atrás as declarações curtas para “padding” e “margin”.

Quando estou declarando-as penso na estrutura de um quadrado “top-right-bottom-left”.

Abraço

Por: Robson Sobral

Robson Sobral — Tue, 12 May 2009 14:27:48 +0000

Não se esqueça de que os valores podem ser declarados em pares y/x.

Por: Pedro Rogério

Pedro Rogério — Tue, 12 May 2009 11:11:28 +0000

@Thiago,

Acho interessante falar sobre o que é Quirks mode primeiro pra depois tocar nesse assunto, senão as pessoas irão ficar perdidas.