Меню
Что нового?

Таблица с 1-пиксельной рамкой в Mozilla Firefox v.1.0 PR

anpv

Guest
Таблица с 1-пиксельной рамкой в Mozilla Firefox v.1.0 PR

Доброго времени суток.
Сталкивался ли кто-нибудь с такой проблемой: в таблице с 1-пиксельной рамкой в браузере Mozilla Firefox v.1.0 PR не прорисовываются вертикальные линии. Может у меня стиль не правильный:
PHP: 
<style type="text/css">
body {
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 12px; 
  color: black;
}
table {
  BORDER-RIGHT: 1px solid black; 
  BORDER-TOP: 1px solid black; 
  BORDER-LEFT: 1px solid black; 
  BORDER-BOTTOM: 1px solid black; 
  BORDER-COLLAPSE: collapse; 
  border-spacing: 0; 
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 12px; 
  color: black;
}
th {
  BORDER-RIGHT: 1px solid black; 
  PADDING-RIGHT: 2px; 
  BORDER-TOP: 1px solid black; 
  PADDING-LEFT: 2px; 
  PADDING-BOTTOM: 2px; 
  BORDER-LEFT: 1px solid black; 
  PADDING-TOP: 2px; 
  BORDER-BOTTOM: 1px solid black;
}
td {
  BORDER-RIGHT: 1px solid black; 
  PADDING-RIGHT: 2px; 
  BORDER-TOP: 1px solid black; 
  PADDING-LEFT: 2px; 
  PADDING-BOTTOM: 2px; 
  BORDER-LEFT: 1px solid black; 
  PADDING-TOP: 2px; 
  BORDER-BOTTOM: 1px solid black;
}
</style>
В IE v. 6.0 все нормально.
Причем, если сохранить страницу на локальный диск. а потом открыть ее в браузере то все нормально.
 
MiRacLe

MiRacLe

просто Чудо
Mozilla/5.0 (Windows; U; Windows NT 5.1; rv:1.7.3) Gecko/20040913 Firefox/0.10.1

IE 6.0.2800
Совершенно идентичные результаты,рамки однопиксельные... все прорисованы...
 

anpv

Guest
Рамки прорисованы если открыть страницу с локального диска, а если с веб-сервера то вертикальных полос нет.
Попробуйте: http://www.alparus.ru/to/sm.html
Вот я не поиму, толи у меня где-то ошибка, толи браузер глючит.
 
MiRacLe

MiRacLe

просто Чудо
есть такое дело... действительно не показываются вертикальные бордеры... хотя и css-валидный и html-почти валидный....
рекомендую сделать таблицу с cellpadding="1" cellspacing="1" bgcolor="black" border="0"

а в ячейках bgcolor="white"

-~{}~ 13.10.04 16:08:

насчёт твоей страницы ...
Сделай фокус
1) сделай View Source и скопируй в файл содержимое в файл 1.htm
2) Сделай Save As этой же страницы в 2.htm
3) Воспользуйся любой удобной утилитой (diff || SimpleDiff ) и сравни эти 2 файла и найди около 70 различий
4) Сделай вывод

P.S. а ларчик просто открывался
 

anpv

Guest
Действительно отличия есть, но я насчитал 25, да и то они помоему связаны с символом перевода строки.
И от оригинала отличается вариант 1.htm (с View Source) в большую сторону, потому что там вместо одного символа перевода строки стоит два. А вариант 2.htm абсолютно идентичен исходному.
А на счет выводов, я непонял в чем дело. Подскажите что это может быть такое?
 

Krisha

pain in the neck
anpv
PHP: 
<table width="100" border="0" cellspacing="0" cellpadding="0">
<tr>
<td bgcolor="#000000">
   <table width="100%" border="0" cellspacing="1" cellpadding="0">
    <tr>
      <td bgcolor="#FFFFFF">&nbsp;</td>
      <td bgcolor="#FFFFFF">&nbsp;</td>
    </tr>
   </table>
</td>
</tr>
</table>
 

anpv

Guest
Автор оригинала: MiRacLe
всё-таки рекомендую - удобно SimpleDiff
Нажмите для раскрытия...
Воспользовался SimpleDiff, но результат тот-же: в 1.htm в некоторых местах 2 символа перевода строки [OD OA OD OA], а в 2.htm - один [OD OA].
Ни чего не понимаю.
Контент генерирую на PHP. Использую там символ перевода строки [\n]. Строки в одинарных кавычках.

-~{}~ 13.10.04 20:21:

Krisha
А чем этот вариант лучше, чем со стилями?
 
MiRacLe

MiRacLe

просто Чудо
Автор оригинала: anpv
У меня там везде <td>& nbsp;</td>
Нажмите для раскрытия...
теперь уже везде ( по той же ссылке) и отображается в обоих случаях "как задумано"..
ну а первый раз (когда я смотрел) было без &amp;nbsp; (могу даже файлы показать ;o) )

насчёт вложенных таблиц, имхо вариант с background-color и cellpaddin-ом и cellspacing-ом "универсальнее","читабельнее" и компактнее
 

jahson

Guest
Кто же так пишет css.
table{border:1px solid #000; border-collapse:collapse }
td,th{border:1px solid #000; padding:2px}
и нбсп не всегда надо.
 
Войдите или зарегистрируйтесь для ответа.
Сверху