динамические DIVы (высота)

[Giku]

на станице имеются несколько DIV-ов, при помощи JQUERY загружаю в них нужную страницу

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.js">
 </script>
 <script>
function data(Div, Link){$('#'+Div).load(Link); }; //Div - id дива, Link - url станицы которую надо загрузить в этот див
</script>

вот как я загружаю страницы в Divы и питаюсь расставить Divы один под другим:

<script>
function load(){
data('1','1.php');
document.getElementById('1').style.top=0;   
data('2','2.php');
document.getElementById('2').style.top=document.getElementById('1').clientHeight+document.getElementById('1').clientTop;   
data('3','3.php');
document.getElementById('3').style.top=document.getElementById('2').clientHeight+document.getElementById('2').clientTop;}
</script>

но к сожалению они становятся один на другой, и лишь при повторном вызове функции load() все становится на своих местах

как сделать чтобы все сразу было ровно, помогите пожалуйста

[ruslan_mart]

Giku, а iframe не как?

[ruslan_mart]

document.getElementById('1')

ID не может начинаться с цифры.

<div "lol">
</div>

<script>
for(i=0;i<3;i++)
{
$('#lol').append('<div></div>');
$('#lol div:eq('+i+')').load(i+1+'.php html');
}
</script>

[ksa]

ID не может начинаться с цифры.

По последним данным ВЦСПС таки может. На этом форуме про то писали не раз...

[deivan]

скорее всего, - при первом вызове скрипта еще нет clientWidth/clientHeight у дивов, они еще не подгрузились.
нужно устанавливать размеры дивов после окончания подгрузки, через коллбэк (с реализацией не помогу, - сам пока еще не изучил эту тему досконально)