Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Пропадает рендерингborder-bottomв ячейке таблицы / 8 сообщений из 8, страница 1 из 1
05.01.2009, 01:27
    #35744467
vkle
vkle
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Пропадает рендерингborder-bottomв ячейке таблицы
Имеется табличка (для определённости, это управление вкладками)
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
  <table cellspacing="0" width="100%" class="tab_selector">
    <tbody>
      <tr>
        <td class="tab_space" width="60px">
                    <select id="stage_current" onchange="change_stage(this.value)">
                    <option value="1"> 1 </option>
                    </select>
        </td>
        <td class="tab_space" width="5px"> </td>
        <td class="tab_notloaded" id="tab_sel0">...и так далее...

Соответственно, прилагается стиль
Код: plaintext
1.
2.
3.
.tab_space {
  padding:0px;
  border-bottom:1px solid blue;
}

Первые две ячейки имеют class="tab_space", далее чередуются с tab_notloaded и другими.
Проблема в том, что при загрузке странички у второй ячейки (которая с & nbsp;) не отрисовывается граница. Эффект наблюдается в Firefox 3.0.5. В то же время, в Opera 9.27 и в Konqueror 3.5.10 граница второй ячейки отрисована. Других браузеров нет под руками.

Пробовал разместить подряд штук пять ячеек с class="tab_space" - получается нестабильная отрисовка границы, даже не "через раз", а как то хаотично. Но первая ячейка из группы отображается всегда верно. Пробовал сделать ещё один стиль с другим именем и прописывать его чётным ячейкам - не помогло. Пробовал текст вместо пробела - та же фигня.
Когда залез в Firebug и добрался до проблемных узлов (просто провёл по ним мышом на вкладке HTML) - граница появилась. Потом потянул за уголок окна браузера - граница пропала.

Собственно, банальный вопрос: что делаю не так и как заставить рендерить правильно?

PS: было что то похожее с дивами (если не ошибаюсь), но там с точностью до наоборот - при изменении размера окна браузера отрисовка отрабатывала.
Posted via ActualForum NNTP Server 1.4
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
05.01.2009, 18:14
    #35745014
lanzer
lanzer
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Пропадает рендерингborder-bottomв ячейке таблицы
Вы так поставили вопрос как-то.. что с 3-его раза не могу понять саму проблему.

Выделите главное.. а то так думаю никто вам не поможет.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
05.01.2009, 18:29
    #35745024
vkle
vkle
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Пропадает рендерингborder-bottomв ячейке таблицы
В строке таблицы несколько ячеек подряд. Отображение нижней границы определено стилем. На первой ячейке граница отрисовывается всегда, на второй и последующих - не всегда.

Новая инфа: на другом компе (на работе сегодня попробовал) с той же версией браузера и ОС усё пучком, так что, стало ещё непонятнее... Мож сам браузер глючит...
Posted via ActualForum NNTP Server 1.4
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
05.01.2009, 19:51
    #35745088
vkle
vkle
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Пропадает рендерингborder-bottomв ячейке таблицы
Набросал тестовый пример, сократил вроде до предела
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
<html>
<head>
    <title></title>
    <style>
      .tab_space {
	border-bottom:1px solid blue;
/* 	border-top:2px solid #ffffff; */
      }
      .tab_notloaded {
	border-right:2px solid #7293FF;
	border-top:2px solid #7293FF;
	border-left:1px solid #7293FF;
	border-bottom:1px solid blue;
	width:70px;
      }
    </style>
  </head>
  <body>
    <table cellspacing="0" width="100%">
      <tr>
	<td class="tab_space" width="60px"> 0 </td>
	<td class="tab_space" width="1px"> 1 </td>
	<td class="tab_notloaded">One</td>
	<td class="tab_space" width="1px"> 2 </td>
	<td class="tab_space" width="1px"> 3 </td>
	<td class="tab_space" width="1px"> 4 </td>
	<td class="tab_notloaded">Two</td>
	<td class="tab_space" width="1px"> 5 </td>
	<td class="tab_notloaded">Next...</td>
	<td class="tab_space" width="*"> 6 </td>
      </tr>
    </table>
  </body>
</html>
Прилагаю скрин с этим примером.
Если раскомментировать строку в стиле, то отрисовка становится правильной. Только вот не хочется явно указывать цвет, а без него косячит... Можно ли это обойти?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
06.01.2009, 15:50
    #35745844
lanzer
lanzer
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Пропадает рендерингborder-bottomв ячейке таблицы
У меня ваш пример кроссбраузерно верно отображается и нижние бордюры как следует.

Сам браузер вряд-ли может быть глючным, поэтому
возможно бордюр рендериться и отрисовывается, но слева и размером в 1px. Вы каждой ячейке зачем размер 1px зачем задали?

Код: plaintext
<td class="tab_space" width="1px"> 1 </td>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
06.01.2009, 16:31
    #35745893
vkle
vkle
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Пропадает рендерингborder-bottomв ячейке таблицы
Ну... размер такой нужен. Цифарки просто для видимости ячеек воткнул, в реале там & nbsp; прописаны. Да и не зависит от ширины, можно и 20 и 50 пикселов сделать. Вот ещё, подсказали для таблицы сделать стиль border-collapse:collapse; - вроде помогло в этом месте.
Posted via ActualForum NNTP Server 1.4
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
06.01.2009, 17:49
    #35746015
lanzer
lanzer
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Пропадает рендерингborder-bottomв ячейке таблицы
vkle
Ну... размер такой нужен. Цифарки просто для видимости ячеек воткнул, в реале там & nbsp; прописаны.

  прекрасно растянет ячейку на свой размер кстати.


vkle
border-collapse:collapse; - вроде помогло в этом месте.


странно, что помогло, ну да ладно. Главное результат.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
06.01.2009, 18:11
    #35746045
vkle
vkle
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Пропадает рендерингborder-bottomв ячейке таблицы
> странно, что помогло

Сам не понимаю. Как и зависимость от border-top. Странный какой то глюк, потому и грешу на браузер.
Posted via ActualForum NNTP Server 1.4
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Пропадает рендерингborder-bottomв ячейке таблицы / 8 сообщений из 8, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 643ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1455341]:
 0ms
get settings:
 6ms
get forum list:
 11ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 382ms
get topic data:
 7ms
get forum data:
 2ms
get page messages:
 30ms
get tp. blocked users:
 2ms
others: 199ms
total:  643ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]