Форум PHP программистов > немножко подзатра-лся с таблицами в IE

[ Поиск ] - [ Пользователи ] - [ Календарь ]

Полная Версия: немножко подзатра-лся с таблицами в IE

yuriy

2.11.2011 - 11:55

Привет и всем здрасти!
Ослиный IE 8 вот чуток достал. НИкак не могу добиться, чтобы высота строк (ячеек) в таблице не ползала. Подскажите пожалуйста кто может, что за ерунда и как с ней бороться.


<table width="100%" border="1" cellpadding="0" cellspacing="0">
  <tr>
    <td colspan="2" width="80%" bgcolor="#835740">
      <span id="news_header_text">1</span>
    </td>
    <td width="20%" bgcolor="#835740">
      <span id="header_text">2</span>
    </td>
  </tr>
  <tr>
    <td width="56%" valign="top" class="cell">
      WWW                                                        
    </td>
    <td width="24%" valign="top" class="cell">
      DDD
    </td>
    <td rowspan="7" valign="top">
      poipo oeitop poer poitre peor eproti eprotio ertipoer er;otiopre perotikrepo poipo oeitop poer poitre peor eproti eprotio ertipoer er;otiopre perotikrepo poipo oeitop poer poitre peor eproti eprotio ertipoer er;otiopre perotikrepo poipo oeitop poer poitre peor eproti eprotio ertipoer er;otiopre perotikrepo poipo oeitop poer poitre peor eproti eprotio ertipoer er;otiopre perotikrepo poipo oeitop poer poitre peor eproti eprotio ertipoer er;otiopre perotikrepo poipo oeitop poer poitre peor eproti eprotio ertipoer
    </td>
  </tr>
  <tr>
    <td valign="top">4</td>
    <td valign="top">5</td>
  </tr>
  <tr>
    <td valign="top">6</td>
    <td valign="top">7</td>
  </tr>
  <tr>
    <td valign="top">8</td>
    <td valign="top">9</td>
  </tr>
  <tr>
    <td valign="top">10</td>
    <td valign="top">11</td>
  </tr>
  <tr>
    <td valign="top">12</td>
    <td valign="top">13</td>
  </tr>
  <tr>
    <td colspan="2">14</td>
  </tr>
</table>

.cell {
    height: 20px;
}

Спустя 1 минута, 30 секунд (2.11.2011 - 10:57) yuriy написал(а):

Ползут ячейки WWW и DDD, даже если задаю высоту. Задавал как при помощи CSS так и напрямую. Всё равно ползёт высота.

Спустя 4 минуты, 58 секунд (2.11.2011 - 11:02) imbalance_hero написал(а):

yuriy
Что значит ползает? Либо в инете выстави,либо скрин-шоты.

Спустя 2 минуты, 54 секунды (2.11.2011 - 11:05) yuriy написал(а):

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

Спустя 2 минуты, 16 секунд (2.11.2011 - 11:07) imbalance_hero написал(а):

Я вижу, что ты задаёшь ширину, а не высоту.

Спустя 4 минуты, 9 секунд (2.11.2011 - 11:11) yuriy написал(а):

Высота в CSS

Спустя 3 минуты, 9 секунд (2.11.2011 - 11:14) programmer-php написал(а):

У тебя mail агент есть?Давай там спишемся я тебе все обьясню..Я в html и css хорошо шарю..Но тема как таковая вообще не для этого сайта..Добавься в агент,я тебе все обьясню.. programmer-php@mail.ru

Спустя 30 минут, 2 секунды (2.11.2011 - 11:44) imbalance_hero написал(а):

yuriy
И ты предлагаешь мне по кофейной гуще определить всё?

Ни кода, ни скрин-шотов. Как я тебе угадаю твою проблему? Мне помогает, обычно, HTML-инспектор в ФФ.

Спустя 1 час, 59 минут, 33 секунды (2.11.2011 - 13:44) yuriy написал(а):

Я тебе ничего не предлагаю.

Спустя 40 секунд (2.11.2011 - 13:44) yuriy написал(а):

Код HTML есть, если внимательно посмотреть.

Спустя 35 минут, 17 секунд (2.11.2011 - 14:20) bodja написал(а):

Высоту стоит задавать в теге <tr>,в противном случае будут глюки не только на ИЕ8.

Спустя 53 минуты, 38 секунд (2.11.2011 - 15:13) yuriy написал(а):

Переделал по вашему совету, но успеха это не возымело. Высоту строк EI всё равно выставляет абы как. Закон, конечно, есть какой-то, но не понятно какой.


<table width="100%" border="1" cellpadding="0" cellspacing="0">
  <tr>
    <td colspan="2" width="80%" bgcolor="#835740">
      <span id="news_header_text">1</span>
    </td>
    <td width="20%" bgcolor="#835740">
      <span id="header_text">2</span>
    </td>
  </tr>
  <tr  class="cell">
    <td width="56%" valign="top">
      WWW                                                        
    </td>
    <td width="24%" valign="top">
      DDD
    </td>
    <td rowspan="7" valign="top">
      poipo oeitop poer poitre peor eproti eprotio
ertipoer er;otiopre perotikrepo poipo oeitop poer
 poitre peor eproti eprotio ertipoer er;otiopre
 perotikrepo poipo oeitop poer poitre peor eproti
 eprotio ertipoer er;otiopre perotikrepo poipo
 oeitop poer poitre peor eproti eprotio ertipoer
 er;otiopre perotikrepo poipo oeitop poer poitre
 peor eproti eprotio ertipoer er;otiopre perotikrepo
 poipo oeitop poer poitre peor eproti eprotio ertipoer
 er;otiopre perotikrepo poipo oeitop poer poitre
 peor eproti eprotio ertipoer
    </td>
  </tr>
  <tr>
    <td valign="top">4</td>
    <td valign="top">5</td>
  </tr>
  <tr>
    <td valign="top">6</td>
    <td valign="top">7</td>
  </tr>
  <tr>
    <td valign="top">8</td>
    <td valign="top">9</td>
  </tr>
  <tr>
    <td valign="top">10</td>
    <td valign="top">11</td>
  </tr>
  <tr>
    <td valign="top">12</td>
    <td valign="top">13</td>
  </tr>
  <tr>
    <td colspan="2">14</td>
  </tr>
</table>

.cell {
    height: 20px;
}

Спустя 4 минуты, 19 секунд (2.11.2011 - 15:18) bodja написал(а):

Выложите весь css.

Спустя 11 минут, 28 секунд (2.11.2011 - 15:29) bodja написал(а):

Пардон,не сразу то и заметил

у вас количество колонок и рядов должно быть одинаковым в по всей таблице

понятно что каждый брузер будет всю эту кашу по своему интерпретировать.

Спустя 36 минут, 34 секунды (2.11.2011 - 16:06) imbalance_hero написал(а):

bodja
css я просил, скрин-шоты тоже, ничего автор не покажет!

Ты должен всё угадать.

Спустя 1 час, 18 минут, 4 секунды (2.11.2011 - 17:24) sebastjan написал(а):

Ну когда уже начнут люди более менее понятно излагаться?
Я лично ни чего не понял - под восклицанием -ячеки таблицы позают.
Что хочет автор - загадка.

Совет.... Опиши более внятно что заблица нужна.
Если не можешь , приведи пример из инета., мол такая вот таблица как там ......

Спустя 1 час, 59 минут, 29 секунд (2.11.2011 - 19:23) ancient mariner написал(а):

Автор, предлагаю вам компромиссное решение: либо сделать вложенную таблицу, либо использовать div с overflow: hidden - это свойство решит все ваши проблемы: текст будет отображаться только в заранее указанной области.

_____________
void x;

Быстрый ответ:

Здесь расположена полная версия этой страницы.