ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Пропадает рендерингborder-bottomв ячейке таблицы
8 сообщений из 8, страница 1 из 1
Пропадает рендерингborder-bottomв ячейке таблицы
    #35744467
vkle
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
vkle
Участник
Имеется табличка (для определённости, это управление вкладками)
Код: 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, 01:27
| Ответить | Цитировать | Написать  
Пропадает рендерингborder-bottomв ячейке таблицы
    #35745014
lanzer
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
lanzer
Участник
Вы так поставили вопрос как-то.. что с 3-его раза не могу понять саму проблему.

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

Новая инфа: на другом компе (на работе сегодня попробовал) с той же версией браузера и ОС усё пучком, так что, стало ещё непонятнее... Мож сам браузер глючит...
Posted via ActualForum NNTP Server 1.4
...
Рейтинг: 0 / 0
05.01.2009, 18:29
| Ответить | Цитировать | Написать  
Пропадает рендерингborder-bottomв ячейке таблицы
    #35745088
vkle
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
vkle
Участник
Набросал тестовый пример, сократил вроде до предела
Код: 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
05.01.2009, 19:51
| Ответить | Цитировать | Написать  
Пропадает рендерингborder-bottomв ячейке таблицы
    #35745844
lanzer
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
lanzer
Участник
У меня ваш пример кроссбраузерно верно отображается и нижние бордюры как следует.

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

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

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


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


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

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


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