>Форум Mozilla Россия
   http://forum.mozilla-russia.org/index.php
>Проблемы с сайтами
   http://forum.mozilla-russia.org/viewforum.php?id=24
>display: block - косяк
   http://forum.mozilla-russia.org/viewtopic.php?id=9634

maXmo > 13-04-2006 21:46:40

ну я и напрягся пока вылавливал баг.

Выделить код

Код:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251"/>
<title>zz</title>
<style type="text/css">
 table { width: 100%; display: block }
</style>
</head>
<body>
<div>

<table rules='cols' cellspacing='0' cellpadding='2'>
<tr class='p'><th>zz</th><td class='sz'>1.26&nbsp;MB</td></tr>
<tr><td colspan='2' class='rul'></td></tr>
<tr class='of'><td class='n'>aa</td><td class='sz'>1.37&nbsp;KB</td></tr>
<tr class='ef'><td class='n'>bb</td><td class='sz'>1.37&nbsp;KB</td></tr>
<tr class='of'><td class='n'>cc</td><td class='sz'>57.38&nbsp;KB</td></tr>
<tr class='ef'><td class='n'>dd</td><td class='sz'>1.93&nbsp;KB</td></tr>
</table>

</div>
</body>
</html>

теперь уберите display:block из стиля и почувствуйте разницу - появились вертикальные разделители и табличка поехала. Что за нафиг???

maXmo > 13-04-2006 21:57:47

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

SeLarin > 14-04-2006 00:20:00

Начнем с конца.
1. Таблица и так по ширине окна растянута.
2. Тебе не нравятся вертикальные разделители? Зачем тогда rules='cols'?
3. Что ты вообще называешь в данном случае багом? По-моему все работает так, как и должно работать.
4. Что ты хочешь сделать?

P.S. Применять display: block к таблицам в любом случае нецелесообразно. Для них есть либо table, либо inline-table.

maXmo > 15-04-2006 11:32:59

2. Они мне нравятся, но они исчезают, а вот это мне уже не нравится.
3. Всё работает совсем неправильно. При указании display:block не должно меняться ничего. Таблицы всю жизнь были block-level элементами и применение к ним этого стиля ничего не должно изменять кроме одного - видимости.
4. указать всем таблицам display:none, а одной выбранной display:block, чтобы её было видно. Это имхо логично и совместимо с цсс1.

P.S. И это в любом случае целесообразно.
Про table не знал, нафига оно надо? Чтобы корректно применить block к таблице?

SeLarin > 15-04-2006 12:08:51

На самом деле таблицы - это особый вид блоков (для них даже есть отдельная глава в стандарте CSS2), поэтому для них и применяется особый вид display. По умолчанию он как раз и есть table. При указании display:block особый вид таблиц теряется и некоторые возможности по ее оформлению теряются, как ты уже заметил. Такое поведение предусмотрено стандартом CSS2, которым и следует руководствоваться при работе с движком Gecko.

vladmir > 15-04-2006 14:51:43

указать всем таблицам display:none, а одной выбранной display:block, чтобы её было видно. Это имхо логично

Каскадные Таблицы Стилей, уровень 2

9.2.5 Свойство 'display'

none
    Элемент не генерирует боксы в структуре форматирования (т.е. элемент не влияет на вид документа). Элементы-потомки не генерируют никаких боксов; это поведение не может быть переопределено установкой у потомков свойства 'display'.

    Обратите внимание, что отображение 'none' не создаёт невидимый бокс; боксы вообще не создаются. CSS содержит механизмы, делающие возможным генерацию элементом бокса в структуре форматирования, который влияет на структуру форматирования, но невидим.