Diferença entre marginTop, offsetTop e paddingTop

1 resposta
rod_badboy

Pessoal,
não saco muito de designer e de CSS, então alguém poderia me dizer qual a diferença entre marginTop, offsetTop e paddingTop ?
Sei por exemplo que o marginTop que defino para uma DIV não é o valor do offsetTop desta mesma DIV.
Outra coisa, tenho um código CSS e uma página HTML assim:

/* código CSS */
#rodape {
	position:relative;
	background-image: url(../imagens/fundoRodape.jpg);
	background-repeat: no-repeat;
	padding: 5px 0px 20px 0px; 
	text-align: center;
	font-size:7pt;
	color: #999;
} 

/* página HTML */
<div id="cabecalho"></div>
<div id="conteudo"></div>
<div id="rodape"></div>

E se na minha página eu executar uma função JavaScript para reposicionar o rodapé assim:

<script>
function rodape() {
var rodape = document.getElementById("rodape");
rodape.style.paddingTop = "50px";
}
</script>

O Texto do rodapé muda, mas a imagem continua no mesmo lugar. E se eu alterar o código desta mesma função para " rodape.style.margingTop = “50px”; " os dois são reposicionados.

Me esclareçam ae por favor, quem souber.

Abraço.

1 Resposta

Anime

Da uma olhadinha, talvez ajude… :wink:

http://www.youtube.com/user/ricardolopescosta#p/c/818DE9B26FECFB02/0/F6FjHen50lA

Criado 4 de janeiro de 2012
Ultima resposta 4 de jan. de 2012
Respostas 1
Participantes 2