есть два файла:
ajax-test.php со структурой примерно такой:
скрипт должен вывести блоки, каждый из которых состоит из двух вложенных блоков:
<?php
<div id="container">
<div id="red" style="float:left;">в него загружается картинка и ее ширина определыяет ширину этого дива</div>
?><script>$(function() { здесь задается ширина второго div'a id="blue" в зависимости от динамической ширины div с id="red" });});</script><?
<div id="blue" style="здесь нужно динамически определять смещение слева- margin-left, чтобы вложенные дивы выстроились в один ряд. это свойство css определяется скриптом выше"></div>
</div>
?>
и второй файл test.php со структурой примерно такой:
<script>$(function() { $.get('ajax-test.php',{ передаваемые в скрипт [SPAN=darling]ajax[/SPAN]-test.php данные }, function(data) {
$('#link').live('click',function() {
$('#content-data').html(data); });
$.[SPAN=darling]ajax[/SPAN]({
url: 'ajax-test.php',
type: 'GET',
cache: false,
data:( и так далее пробовал - эффект тот же
}); });</script>
<div style="display:block;padding:5px;"><a id="link" href="#">click me!</a></div>
<div id="content-data"></div>
в итоге в тестовом php файле должен получить html код выведенных дивов с вложенными в них еще двумя. ширина первого дива зависит от ширины картинки, ширина второго должна смещаться влево по одной линии на величину ширины картинки.
если содержимое скрипта ajax-test.php перенести в файл test.php то получается все отлично, оба вложенных дива как положено расположены относительно друг друга, а если html данные подгружать в контейнет файла test.php из скрипта ajax-test.php правый див не хочет понимать отступ слева на ширину картинки.
если все же подгружать данные из скрипта ajax-test.php в контент test.php то для выравнивания нужно либо перезагружать страницу или писать в аяксе в функции success что-то вроде $('#content-data').load('ajax-test.php').html(data); перемена мест слагаемых не имеет значения. при этом после неверного позиционирования второй див дергается и становится в правильное положение.
сами скрипты принципиального значения не имеют, прошу на мелкие ошибки типа запятой или скобки-запятой не обращать внимания. ситуацию я описал подробнейшим образом. может кто-то сталкивался с таким явлением? в чем фишка неверной загрузки html данных в div контейнера?
добавлю, что данные через аякс загружаются отлично все нормально, ненормально только позиционирование вложенных дивов, которое нормально если скрипт в одном файле с контейнером или если загружать html данные от скрипта в контейнер типа $('#content-data').load('ajax-text.php').html(data) и после передергивания всех выведенных дивов позиционирование приходит в норму. поэтому разбирать ошибки передачи данных не нужно, здесь фишка в чем-то другом. может кто знает хоть в какое направление поиска предпринимать. поиски по интернету ни к чему не привели.
буду признателен любой идее, спасибо всем.