Paddings afetando tamanho da div

[maktub 0]

Olá pessoal, tenho uma dúvida:

 

coloquei em minha default uma div chamada coluna default que fica posicionada a esquerda, dentro dela tenho um texto, o que eu queria fazer é que o texto dentro da div move-se 10px para a direita e mais 10px para baixo mas sem afetar a estrutura da div, tem como?

 

o código que uso para a div, note que tem uma imagem, a preocupação é que ela não se mova e nem o tamanho da div.

 

#colunadefault { background:url('testedefault_r7_c2.gif') left top no-repeat;	width:274px;	height: 247px;	float: left;	font: 11px "Trebuchet Ms", Verdana, Arial, Helvetica, sans-serif;	list-style-type: none;	}

[Fabio Morikawa 0]

sim... tente acrescentar o padding-left:10px; padding-top:10px; e modifique as propriedades width e height para 264px na regra #colunadefault

[maktub 0]

Não é que funcionou, ficou perfeito.me diz uma coisa, desse jeito passa nos padrões?

[Fabio Morikawa 0]

sim... :D

[Guilherme Rambo 4]

Isso é algo que confunde, quando usar padding's sempre faça o cálculo:

 

WidthIdeal = Width - (PaddingLeft + PaddingRight)HeightIdeal = Height - (PaddingTop + PaddingBottom)

Matemática em todos os lugares ^^

 

[]'s

[Paulo de Tarso F. M. 24]

Só para complementar, para compreender melhor o funcionamento do padding e de outras propriedades, veja este material:

http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Atributos: border - padding - margin

Espero que seja útil... :rolleyes: