Есть табличка, прописана по всем правилам (table, tbody, tr, td - 4шт) одна строка, 4 ячейки.
Внутрь ячейки надо вложить примерно так:
"ПОИСК" ______ r1 товаров, r2 фирм
+-----------------------------------------------+
I input_text_строка_ввода______ | кн.Найти
+-----------------------------------------------+
,где r1,r2 - input type=radio -- переключатели режима поиска. Ширина поля ввода - ограничена 260 пикселей. Ячейка может быть значительно больше.
Надо, чтобы вся дивка размещалась ровно посередине ячейки таблицы.
Пробовал сделать через text-align -- выходит "не очень"... пробовал через position - ваще какая-то фигня:
то, что вложено в ячейку td id="top-search"
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
<div id="search">
<div id="label">ПОИСК:</div>
<div id="modes">
<input type="radio" checked="checked" id="isGoods" name="what" value="goods"
title="Поиск по товарам - можно ..."
/> товаров
<input type="radio" id="isFirms" name="what" value="firms"
title="Поиск по фирмам позволяет ..., и ... пробуйте!"
/> фирм
</div>
<form method="get" action="#" name="searchForm" onsubmit="Mediam_searchSubmit(); return false;">
<input type="text" name="query" id="query" class="search-text" value="" />
<input type="submit" class="search-submit" value="Найти" onsubmit="Mediam_searchSubmit();" />
</form>
</div>
вот стили к этому куску
1.
2.
3.
4.
5.
6.
7.
8.
TD#top_search { padding:2px; width:auto; text-align:center; /*vertical-align:top;*/ color:#D9F0F0; }
DIV#search { position:relative; margin:auto; width:324px; font-size:11px; background-color:#0000b0; }
#search #label { position:absolute; top:0px; left:0px; width:66px; height:20px; font-size:16px; font-weight:bold; }
#search #modes { position:absolute; top:0px; right:54px; width:115px; height:20px; }
#search FORM { position:absolute; top:20px; left:0px; }
#search INPUT { color:#336666; background-color:#C9E0E0; border-color:#336666; }
#search .search-text { width:262px; font-size:20px; }
#search .search-submit {}
При закоментаренном у TD выравнивании по верхнему краю - выводит содержимое дивки #search - от середины ячейки, теряя половину во всех браузерах... при указании position:static у дивки search - позиционирует её от начала окна браузера, наплевав на TD.
... и т.д.
Как позиционировать элементы (в частности div) внутри ячеек таблицы? Почему у тегов input - какие-то собственные натсройки, не наследуемые от родительских элементов??? Где и что надо читать? htmlbook.ru - читаю, но там мало чего объяснено в части сопряжения разных элементов...
