Преамбула:
Есть html-страница, с табличной версткой. Все стили заданы через CSS.
Вот кусочек таблицы с интересующими элементами:
<style>
div.abs {
position: absolute;
vertical-align: top;
top: 0;
right: 0; }
</style>
<table><tr><td>
<table class="Header" width="100%"><tr>
<td class="left">Левая часть<td>
<td class="right">Правая часть<td>
</tr></table>
<table>
.....
</table>
<div class="abs">content<div>
</td></tr></table>
Как видно из примера внутри таблицы-контейнера находится несколько вложенных таблиц, расположенных по-вертикали одна под другой. Ширина контейнер явно не указана, отчего вся конструкция является резиновой и подстраивается под контент и под ширину браузера.
В самом низу контейнера добавлен один див с абсолютным позиционированием в правом верхнем углу. Содержимое этого дива заранее не известно, отчего и весь головняк.
Вот какая передо мной стоит задача:
С помощью js узнать размеры дива с классом 'abs' (ширину и высоту), установить для td с классом 'right' ширину, равную ширине этого дива.
Сделать это для каждой таблицы класса 'Header' на странице, т.е. привязать код только к имени класса (если такое вообще возможно).
Скажу честно, с javascript сталкиваться не приходилось, в основном обходился css, но тут вот такая задача. Поэтому большая просьба знающим людям - напишите какой-нибудь черновой вариант, чтобы было куда копать.
Заранее Спасибо.