display: block - косяк

maXmo · №1

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

Код:

<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 · №2

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

SeLarin · №3

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

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

maXmo · №4

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

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

SeLarin · №5

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

vladmir · №6

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

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

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

Полезная информация

№113-04-2006 21:46:40

display: block - косяк

Код:

№213-04-2006 21:57:47

Re: display: block - косяк

№314-04-2006 00:20:00

Re: display: block - косяк

№415-04-2006 11:32:59

Re: display: block - косяк

№515-04-2006 12:08:51

Re: display: block - косяк

№615-04-2006 14:51:43

Re: display: block - косяк

Board footer