Jump to content
  • 0

Дублирование нижней границы таблицы в ИЕ


rolling
 Share

Question

Столкнулся с необъяснимой для себя проблемой. Скажу сразу, что характерна она только для ИЕ (замечено и на 7, и на 8).

Имеется следющий код:

<form method="post" id="searchform" action="?action=navi&scriptname=searching.php" onsubmit="set_values();">
<table style="border-bottom:2px solid red;">
.....
некоторые элементы типа <input> и <select>
.....
<form id="someid">
Форма
</form>
......
</table>
</form>

Проблема состоит в следующем: при добавлении в таблицу формы someid - нижняя граница рисуется дважды: там где надо и в районе формы someid. Стоит форму убрать - линия пропадает.

Объясните п-ста, почему так просиходит и как это побороть?

2boards.jpg

Link to comment
Share on other sites

9 answers to this question

Recommended Posts

  • 0

Извините за такой вопрос: почему нельзя?

В плане функциональности - все ок. Единственный баг - это визуальный, и тот присутствует только в ИЕ (Опера, ФФ, Хром, Сафари - все ок).

Link to comment
Share on other sites

  • 0
Извините за такой вопрос: почему нельзя?

В плане функциональности - все ок. Единственный баг - это визуальный, и тот присутствует только в ИЕ (Опера, ФФ, Хром, Сафари - все ок).

Для разделения секций в форме существует элемент филдсет.

Link to comment
Share on other sites

  • 0

собстевенно, код:

<FORM id=searchform onsubmit=set_valus(); method=post action=?action=navi&scriptname=searching.php>
<INPUT id=sbid type=hidden> <INPUT id=dc2_h type=hidden name=dc2_h>
<INPUT id=dc3_h type=hidden name=dc3_h>
<TABLE style="BORDER-BOTTOM: red 2px solid" class=search>
<TR>
<TD class=topsearch colSpan=2>Пошук <INPUT id=cats value=0 type=hidden name=cats> </TD>
</TR>
<TR class=tradditem>
<TD><!———————————————-->
<TABLE>
<TR>
<TD style="PADDING-TOP: 5px">
<INPUT id=searchwd class=searchinput onmouseover="Tip('<center>Введіть ключове слово для пошуку', SHADOW, true, TITLE, '<center>наБАЗАР.com.ua', PADDING, 6)" onmouseout=UnTip() size=61 type=text name=searchwd> <INPUT class=searchinput value=Пошук type=submit name=submitbutton> </TD>
</TR>
<TR>
<TD align=left>
<INPUT id=ext_flag value=1 type=hidden name=ext_flag>
<A style="COLOR: #006633; FONT-SIZE: 14px; TEXT-DECORATION: none" onclick="show_ext_search(document.getElementById('ext_flag').value);" href="#"><SPAN id=ext_img><INPUT CHECKED type=checkbox></SPAN> <SPAN id=ext_text>Сховати додаткові параметри</SPAN></A>
</TD>
</TR>
<TR>
<TD align=left>
<DIV style="DISPLAY: block" id=extended_search><BR>
<DIV style="PADDING-BOTTOM: 6px; COLOR: #006633; FONT-SIZE: 14px">Оберіть розділ оголошення</DIV>
<SPAN class=free_space>
<SELECT id=newcat0 class=cat_combo onchange=show_cat(this.value)>
......
</SELECT>
<SELECT style="DISPLAY: none" id=newcat3 class=cat_combo disabled onchange=show_cat(this.value,3)>
</SELECT>
</SPAN>
<BR><BR>
<SPAN class=searchwd>Пошук за ціною: від
<SELECT name=cost1>
.....
</SELECT>
до
<SELECT name=cost2>
.......
</SELECT>
валюта
<SELECT name=currency>
......
</SELECT>
</SPAN><BR><BR>
<SPAN class=searchwd>
Пошук за датою: з
<FORM >Форма </FORM>
</DIV>
</TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
</FORM>

Для разделения секций в форме существует элемент филдсет.

Вы меня натолкнули на следующю идею: вынести внутренню форму за пределы главной, а по onsubmit главной формы просто джава-скриптом полчить значения из элементов бывшей внутренней формы. Думаю, это сработает.

Спасибо за идею.

Link to comment
Share on other sites

  • 0
Извините за такой вопрос: почему нельзя?

В плане функциональности - все ок. Единственный баг - это визуальный, и тот присутствует только в ИЕ (Опера, ФФ, Хром, Сафари - все ок).

Дело в том, что обработчик данных, пришедших из формы, не сможет понять какую именно ему форму обрабатывать ту, или, эту... ведь в форме стоит параметр action="obrabotchik.php" это собственно путь до обработчика. А теперь представь себе что в форме присутствует еще одна форма, но с другими параметрами и другим адресом до обработчика, как он должен эту билиберду воспринимать? Сомневаюсь я что у тебя все отрабатывает.

А если уж так хочется по теме услышать ответ на вопрос, то видимо в стилях указан бордер для всех тегов form, вот он и вешается этот стиль на все формы, вместо этого надо конкретно указать форме класс и в нем описать всю стилизацию для нее.

Link to comment
Share on other sites

  • 0
А если уж так хочется по теме услышать ответ на вопрос, то видимо в стилях указан бордер для всех тегов form, вот он и вешается этот стиль на все формы, вместо этого надо конкретно указать форме класс и в нем описать всю стилизацию для нее.

обратите внимание на эт строчку:

<TABLE style="BORDER-BOTTOM: red 2px solid" class=search>

если я изменю "red" на другой цвет, то цвет нежелаемой линии ИЗМЕНИТСЯ ТОЖЕ! Прописывание для формы style="border:0px;" на ситуацию не влияет.

Link to comment
Share on other sites

  • 0
обратите внимание на эт строчку:

<TABLE style="BORDER-BOTTOM: red 2px solid" class=search>

если я изменю "red" на другой цвет, то цвет нежелаемой линии ИЗМЕНИТСЯ ТОЖЕ! Прописывание для формы style="border:0px;" на ситуацию не влияет.

Пиши стили маленькими буквами и разберись всё же с формами.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy