Проблема с margin-bottom

[lavrentiy]

Суть проблемы.

Нужно, чтобы при нажатии на ссылку таблица подвигалась чуть вверх.

след. код не работает:

<table border=10 cellspacing=5 cellpadding=5 width=100 height=100 onclick='this.style.margin-bottom="100px;"'><tr><td></table>

<table border=10 cellspacing=5 cellpadding=5 width=100 height=100><tr><td onclick='this.style="margin-bottom:100px;"'></table>

[Maslakoff]

lavrentiy, есть объектная модель:

[window.]document.getElementById("elementID").style.marginBottom

http://htmlbook.ru/css/margin-bottom.html

[lavrentiy]

document.getElementById("table_text_1").style.marginbottom='150px' - тоже не работает

[Renert]

document.getElementById("table_text_1").style.marginbottom='150px' - тоже не работает

точно не уверен, но думаю, что надо писать "150" вместо "150px"

[lavrentiy]

к сожалению не работает ни с px ни без. аналогично не работает и margin-bottom, margin-top, marginbottom и т.д.

[Renert]

а броузер какой? ИЕ? просто гетЭлементБайАйди работает только в ИЕ

[lavrentiy]

ie. не работает даже если напрямую id написать

[LokiDi L0ck]

lavrentiy написал:

document.getElementById("table_text_1").style.marginbottom='150px' - тоже не работает

не marginbottom а marginBottom

[lavrentiy]

никто не сталкивался? просто очень надо....

[lavrentiy]

с большой буквы marginBottom тоже не пашет

[LokiDi L0ck]

<script type="text/javascript">
window.onload = function() {
	var table = document.getElementById('table'); 
	table.onclick = function() {
		this.style.marginTop = '30px';
	}
}
</script>

<table border=10 cellspacing=5 cellpadding=5 width=100 height=100><tr><td></table>
<table border=10 cellspacing=5 cellpadding=5 width=100 height=100 id="table"><tr><td></table>

Вс? прекрасно пашет.

Здесь сделал на примере marginTop, а marginBottom само собой работать не будет как ты того ожидаешь - почему?.. потому что прежде думать своей головой надо :cool:

Копай в сторону позиционирований.

[lavrentiy]

ок. спасибо большое