VPF::Неправильное отображение в IE - Форум программистов

yu007

Дата 18.10.2009, 13:54 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 14
Регистрация: 15.10.2009

Репутация: нет
Всего: нет

Есть скрипт вкладок, организованный css + js. Структура странички: таблица, а в ней div, который и организует вкладки. В Опере, Хроме, NN, FF и Safari работает правильно, в IE всех видов - отображение не корректно. Подскажите, пожалуйста, в чем дело?

Скрипт в прикрепленном архиве (папка "НЕрабочий вариант"). (Так же вложил исходный вариант скрипта)

Присоединённый файл ( Кол-во скачиваний: 5 )

vkladki.rar 4,64 Kb

youri

Дата 18.10.2009, 19:29 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 740
Регистрация: 17.4.2004

Репутация: 5
Всего: 16

сделай для начала, чтобы в твоем нерабочем варианте можно было так же легко разобраться, как в рабочем. Как минимум отступы

--------------------

С кем разговаривает Microsoft

yu007

Дата 18.10.2009, 19:54 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 14
Регистрация: 15.10.2009

Репутация: нет
Всего: нет

Так лучше?

Код


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<HTML>
<HEAD>
        <title> Проблема с вкладками IE</title>
        <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
        <link rel="stylesheet" type="text/css" href="tabsheets.css" />
          <script type="text/javascript" src="tabsheets.js"></script>
</HEAD>

<BODY bgcolor="#ffffff"><center>

<!-- ========= ОСНОВНАЯ ТАБЛИЦА =========== -->

<TABLE bgColor="#cccccc" border="1" cellPadding="0" cellSpacing="0" width="940" height="400">
<!-- ========= ШАПКА =========== -->
  <TR>
    <TD valign="top" width="940" height="20" bgColor="#5B6A90">
     
      <table border="0" cellPadding="0" cellSpacing="0" width="940" height="20">
         <tr>
           <td width="60">&nbsp;</td>
           <td align="center" width="820">
           <font size="2" face="arial" color="#ffffff"><b>Проблема с вкладками в IE (некоректное отображение в IE)</b></font>
           </td>
           <td width="60" align="right">&nbsp;</td>
         </tr>
       </table>
       
    </TD>
  </TR>
<!-- ========= // ШАПКА =========== -->

<!-- ========= ТЕКСТОВЫЕ ПОЛЯ =========== -->
<TR>
<TD valign="top" width="940" height="260">
<form name="FormPopUp"  action="save.php" method="post">

<div style="background: ButtonFace; padding: 0.5em;">
    <dl class="tabsheets">
        <dt>1 вкладка</dt>
        <dd >
          
            <div class="reducer">
            
           <table border="0" cellPadding="0" cellSpacing="0" width="880">
           <TR><td width="880">

                 <table border="0" cellPadding="0" cellSpacing="0" width="880">
                 <tr>
                   <td width="440" align="left">
                   <input type="button" value="Исправить" style="cursor:pointer;"  onMouseOver="style.color='blue'" onMouseOut="style.color='black'"/>
                   </td>

                   <td width="440" align="right">
                   <INPUT type="button" value="Обработать" onMouseOver="style.color='blue'" onMouseOut="style.color='black'"  style="cursor:pointer;"/>
                   </td>
                  </tr>
                 </table>

           </td></TR>

           <tr><td align="">

<!-- ========== ВХОДНОЙ TEXTAREA ================= -->

<textarea name="source2" rows="15" cols="105"></textarea>

<!-- ========== // ВХОДНОЙ TEXTAREA ============== -->
          </td></tr>
          </table>

           </div>
       
        </dd>
        
        <dt>2 вкладка</dt>
        <dd>
            <div class="reducer">
                <table border="0" cellPadding="0" cellSpacing="0" width="880">
                 <TR><td width="880">

                   <table border="0" cellPadding="0" cellSpacing="0" width="880">
                     <tr>
                     <td width="440" align="left">

                     <input type="submit" name="save" value="Сохранить" onMouseOver="style.color='blue'" onMouseOut="style.color='black'"  style="cursor:pointer;"/>
                     <select name="triad">
                     <option value="0">txt</option>
                     <option value="1">xml</option>
                     <option value="2">smi</option>
                     <option value="3">doc</option>
                     </select>

                     </td>

                     <td width="440" align="right">

                     <input type="submit" name="add" value="Дописать" onMouseOver="style.color='blue'" onMouseOut="style.color='black'"  style="cursor:pointer;"/>
                     </td>
                     </tr>
                   </table>

                 </td></TR>

                 <tr><td align="">

<!-- ========== ВЫХОДНОЙ TEXTAREA ================= -->

                 <textarea name="source" rows="15" cols="105" style="background-color: #14BAD8"></textarea>

<!-- ========== // ВЫХОДНОЙ TEXTAREA ============== -->
                 </td></tr>
                </table>
            </div>
        </dd>
    </dl>
</div>
<script type="text/javascript">
    Make_Tabsheet();
</script>

</form>
</TD>
</TR>
<!-- ========= // ТЕКСТОВЫЕ ПОЛЯ =========== -->


<!-- ========= FOOTER =========== -->
<TR>
<TD valign="top" width="940" height="20" bgColor="#5B6A90">

<table border="0" cellPadding="0" cellSpacing="0" width="940" height="20">
<tr>
<td align="center"> &nbsp;</td>
</tr>
</table>

</TD>
</TR>
<!-- ========= // FOOTER =========== -->


</TABLE>

<!-- ========= // ОСНОВНАЯ ТАБЛИЦА =========== -->

</center></BODY></HTML>

youri

Дата 19.10.2009, 01:05 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 740
Регистрация: 17.4.2004

Репутация: 5
Всего: 16

да, так лучше
а теперь выносим всякий мусор типа width, height, bgcolor, align, valign, cellpadding, border, style в css
отучаемся от center, face

--------------------

С кем разговаривает Microsoft

yu007

Дата 23.10.2009, 00:02 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 14
Регистрация: 15.10.2009

Репутация: нет
Всего: нет

Да, верстка css'ом пошла на пользу, все работает.

1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »