table и ие

Temiks · May 8, 2011

Добрый день

Имеется проблема с таблицей

Есть трехколоночная таблица, у которой левая(logo) и правая(contact) колонка фикс, а колонка по середине(search-container) резина,

так же есть еще одна строка под названием (navigator) которая тянется, в ней расположен горизонтальный список, у которого несколько ячеек находятся слева и еще несколько - справа

колонка левая(logo) заключает в себе две строки(logo, navigator)

все это имеет вот такой вид

но в ие все по-другому

имеется вот такой код


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
  <head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <style type="text/css" >
       html, body {
           margin: 0;
           padding: 0;
       }
       table {
           width: 100%;
           border-collapse: collapse;
       }
       table td {
           padding: 0;
       }
       .logo {
           width: 200px;
           height: 250px;
           background: lavender;
       }
       .searc_container {
           background: lightseagreen;
       }
       .contact {
           width: 150px;
           height: 200px;
           background: lightblue;
       }
       .navigator {
           height: 50px;
           padding: 0;
           margin: 0;
           background: lightsalmon;
       }
       .navigator ul {
           list-style-type: none;
           margin: 0;
           padding: 0;
           height: 50px;
       }
       .navigator li {
           float: left;
           height: 50px;
           background: lightgrey;
           padding: 0 8px;
           margin: 0;
       }
       .navigator .abonent {
           float: right;
           height: 50px;
           background: lightsteelblue;
       }
    </style>
  </head>
  <body>
      <table>
          <tr>
              <td rowspan="2" class="logo" >
                  <h1>logo</h1>
              </td>
              <td class="searc_container" >
                  <h1>search-container</h1>
              </td>
              <td class="contact" >
                  <h1>contact</h1>
              </td>
          </tr>
          <tr>
              <td colspan="2" class="navigator" >
                  <ul>
                      <li>
                          <a href="#">Текст  меню 1</a>
                      </li>
                      <li>
                          <a href="#">Текст  меню 1</a>
                      </li>
                      <li>
                          <a href="#">Текст  меню 1</a>
                      </li>
                      <li>
                          <a href="#">Текст  меню 1</a>
                      </li>
                      <li class="abonent" >
                          <a href="#">Текст меню 2</a>
                      </li>
                      <li class="abonent" >
                          <a href="#">Текст меню 2</a>
                      </li>
                      <li class="abonent" >
                          <a href="#">Текст меню 2</a>
                      </li>
                      <li class="abonent" >
                          <a href="#">Текст меню 2</a>
                      </li>
                  </ul>
              </td>
          </tr>
      </table>
  </body>
</html>

и страница на проблему http://atemiks.wen.ru/test3/test3.html

Прошу помочь и объяснить в чем ошибка?

Edited May 8, 2011 by Temiks

tt48 · May 8, 2011


<table style='table-layout: fixed;'>
          <tr>
              <td rowspan="2" class="logo" >
                  <h1>logo</h1>
              </td>
              <td class="searc_container" style='width:100%;'>

вродь похоже..

ИЕ вообще неровно дышит к объединениям и табличкам ,(

Edited May 8, 2011 by tt48

Temiks · May 8, 2011

Попробуйте прописать width: 100%; для IE, где у вас colspan стоит..

не помогло

но у меня обычно все столбцы объединялись..

пожалуйста можно вот тут поподробней

colspan="3" тоже не помогло, может его колбасит из за списка которого у ячеек обтекание и слева и справа стоит?

потому что если не писать список все ок

Edited May 8, 2011 by Temiks

tt48 · May 8, 2011

У меня просто обычно проблемы начинались, когда объединяешь два столбца и пробуешь что-нить отцентровать..

Вот тогда IE считал, что типа колонки и не объединяли..пока width:100% не проставишь - ни в какую..при strict.

Это так... просто сразу не разобрался че-то и поторопился. Код выше проверял в ИЕ7.

С colspan - недочеты теории. Ни разу еще не пользовался rowspan, потому colspan='3' в корне неверно) Извиняй, я не нарошно)

Удачи.

Edited May 8, 2011 by tt48

Temiks · May 8, 2011

tt48 спасибо большое, теперь заработало во всех ие :rolleyes:

Edited May 8, 2011 by Temiks

Sign In

table и ие

Question

Temiks

Link to comment

Share on other sites

4 answers to this question

Recommended Posts

tt48

Link to comment

Share on other sites

Temiks

Link to comment

Share on other sites

tt48

Link to comment

Share on other sites

Temiks

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information