Уважаемые форумчане, прошу вашего совета и помощи. Сам не волшебник, а только учусь и ничего не могу поделать, сколько не ковырялся в сети. Делаю форму поиска, в которой есть несколько текстовых полей, форм select и радиокнопки. Нужно чтобы в 1 ряд размещалось несколько элементов. Заключил всё в div'ы, в style.css указал для некоторых элементов float:left и обрадовался - в FF всё получилось как нужно, но когда открыл Оперу и IE 9 увидел тихий ужас особенно в IE, а поскольку, к сожалению IE - один из самых популярных браузеров приходится с ним считаться. Итак, три проблемы: 1) В разных браузерах по-разному располагаются блоки 2) Надпись "Евро" не влазит и переносится на другую строку 3) Поле "Цена" располагается выше относительно других полей. Скриншоты В ФФ отображается так, как я того хочу. Не влазит только "евро", когда пытаюсь экспериментировать с шириной div'а, поле для текста в опере то становится на место, то нет. Также, иногда радиокнопки становятся в столбик...И цена как-то криво стоит Скриншот из FF Скриншот из Opera Скриншот из IE ссылка: http://boogis.com/sort Код формы: <div class="sort_main" align="center"> <form name='frm' action='{%$settings.patch%}sort/?' method='GET' style="margin-bottom:0px;"> <!--Выбор региона--> <div class="sort_category"> <fieldset class='field_sort' id="sfield_category"><legend>{%$locale.17%}</legend> <select size='1' name='cat_id' style="width:300px"> <option value='' >{%$locale.693%}</option> {%$category_select%} </select> </fieldset> </div> <!--Выбор региона--> <!--Выбор категории--> <div class="sort_region"> <fieldset class='field_sort' id="sfield_region"><legend>{%$locale.16%}</legend> <select size='1' name='region_id' style="width:150px"> <option value='' >{%$locale.9%}</option> {%$region_select%} </select> </fieldset> </div> <!--Выбор категории--> <!--Отбор по цене--> <div class="sort_price"> <fieldset class='field_sort' id="sfield_price"><legend>{%$locale.2001%}</legend> <select size='1' name='cond_f_1'> <option {%if $smarty.get.$sid == 'eq'%}selected{%/if%} value='eq'>{%$locale.206%}</option> <option {%if $smarty.get.$sid == 'over'%}selected{%/if%} value='over'>{%$locale.207%}</option> <option {%if $smarty.get.$sid == 'less'%}selected{%/if%} value='less'>{%$locale.208%}</option> </select> <input name='f_1' type='text' value='{%$default%}' size='30' maxlength="20" style="width:80px"> </div > <!--Отбор по цене--> <!--Выбор валюты--> <div class="sort_currency"> {%assign var="id" value=f_2%}{%*здесь вставляем идентификатор поля*%} {%assign var="field" value=`$fields.f_2`%} {%assign var="default" value=`$smarty.get.$id`%} <fieldset class='field_sort' id='sfield_curr'> <legend>{%$field.name%}</legend> <input name='{%$id%}' id='{%$locale.2010%}' type='radio' value=''><label for="{%$locale.2010%}"> {%$locale.2010%}</label> {%foreach from=$field.values_array item='vl' key='k'%} <input name='{%$id%}' id='{%$vl%}' {%if $default == $k && $default != ""%} checked {%/if%} type='radio' value='{%$k%}'><label for="{%$vl%}"> {%$vl%}</label> {%/foreach%} </div> <!--Выбор валюты--> <!--Поле текста--> <div class="sort_text" align="left"> <fieldset class='field_sort' id="sfield_text"> <legend>{%$locale.74%}</legend> <input name='text' type='text' value='{%$smarty.get.text%}' maxlength="50" style="width:100%"> </fieldset> </div> <!--Поле текста--> <!--Должно присутствовать--> <div class="sort_photo-pricelist"> <fieldset class='field_sort' id="sfield_photo-pricelist"><legend>{%$locale.202%}:</legend> <input name='must[]' type='checkbox' {%foreach from=$smarty.get.must item='m'%}{%if $m == "f_6"%} checked {%/if%}{%/foreach%} value='f_6' style="vertical-align: middle" > {%$locale.2006%}<br /> <input name='must[]' type='checkbox' {%foreach from=$smarty.get.must item='m'%}{%if $m == "f_5"%} checked {%/if%}{%/foreach%} value='f_5' style="vertical-align: middle"> {%$locale.2007%}<br /> </fieldset> </div> <!--Должно присутствовать--> <!--Сортировка цена-время --> <div class="sort_price-date"> <fieldset class='field_sort' id="sfield_price-date"><legend>{%$locale.2008%}:</legend> <input name='sort_by' {%if $smarty.get.sort_by == 'date_add'%}checked{%/if%} type='radio' value='date_add' style="vertical-align: text-bottom"> {%$locale.2003%}<br /> <input name='sort_by' type='radio' value='f_1' {%if $smarty.get.sort_by == "f_1"%}checked{%/if%} style="vertical-align: text-bottom"> {%$locale.2002%}<br /> <br /> <input name='desc' {%if $smarty.get.desc != ""%}checked{%/if%} type='checkbox' value='yes' style="vertical-align: middle"> {%$locale.205%} </fieldset> </div> <!--Сортировка цена-время --> <!--Кнопка --> <div class="sort_start" align="center"> <input type='submit' value='{%$locale.203%}' style='cursor:pointer; margin: 0 5 5 5; width:90px; padding:1' > </div> <!--Кнопка --> </form> </div> CSS: div.sort_main{ background:none; border:0px; margin-bottom:10px; margin-top:10px; width:70%; min-width:800px; } fieldset { border:0px; font-size:11px; text-align:left; } fieldset legend { font-size:12px; font-family:Arial,Verdana,Tahoma; font-weight:bold; color:#000080; } fieldset input, fieldset select { font-size:11px; } div.sort_category{ float:left; width:300px; margin:5px; } div.sort_region{ float:left; width:150px; margin:5px; } div.sort_price{ float:left; } div.sort_photo-pricelist{ float:left; }
