Обходной путь для заполнения IE8 в таблице, при котором граница скрывается - PullRequest
4 голосов
/ 28 января 2011

Я работаю над тем, чтобы веб-приложение полностью поддерживало IE8, продолжая поддерживать IE6.В IE8 существует известная ошибка, когда фон перекрывается и закрывает нижнюю границу таблицы, когда внутри таблицы используется заполнение.

Я ищу самые чистые обходные пути, поскольку пропуск нижней границы отсутствует на экране входа в систему.

В настоящее время я склонен добавить схему к CSS, так как она видна только в IE 8, как указано ниже.Мне интересно, есть ли у кого-нибудь еще лучшее предложение.

(Я должен признать, что у меня нет идентификатора Windows для проверки отправки сообщения об ошибке, но, вероятно, мне придется создать его из дома, поскольку там что-то может быть.)

table.tblcontentinfo {
  font-family: arial, helvetica, san-serif;
  width: 350px;
/*      outline: 1px solid #336699; */
/* current partial fix  above*/
  border: 1px solid #336699;
  background-color: #FFFFFF;
  margin-left: auto; 
  margin-right: auto;
  margin-top: 60px;
  margin-bottom: 0px;
}

table.tblcontentinfo td {
  padding: 2px;
}

Html:

<body>
<br />
<br clear="all" />
<div style="margin-top: 120px; text-align: center;">
<div id="realpage" style="visibility: hidden; margin-top: 120px; text-align: center;">
<table class="tblcontentinfo">
<form name="l" id="l" method="post" action="check" autocomplete="off" >
  <tr>
    <td colspan="2" class="bgtitle">&nbsp;<span       class="texttableheader">Title</span></td>
  </tr>
  <tr>
    <td width="125" class="required alignright">Text1&nbsp;</td>
    <td><input name="text1" type="text" class="formfield" size="22" maxlength="8" tabindex="1" /></td>
  </tr>
  <tr>
    <td class="required alignright">Password&nbsp;</td>
    <td><input name="password1" type="password" class="formfield" size="22" maxlength="8" tabindex="2" /></td>
  </tr>
  <tr>
    <td></td>
    <td><input name="Submit" type="submit" class="button" value="Submit" /></td>
  </tr>
</form>
</table>
</div>
<div id="msgpage">
Some text
</div>

</body> 

(Да, клиентская база только обновляется, и на данный момент мы работаем только в IE, хотя я бы предпочел нейтральное для браузера решение.)

Ссылки: # 50 - ошибка, которую я пытаюсь обойти Документы поддержки IE css (поиск по схеме)

Ответы [ 2 ]

0 голосов
/ 28 января 2011

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

0 голосов
/ 28 января 2011

Исходя из # 50 по вашей ссылке, вы сможете обойти это, добавив display: inline-block; в CSS для ваших элементов, испытывающих эту проблему.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...