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

В мире Mozilla происходит много интересных событий. Но вам не нужно постоянно посещать новостные сайты, чтобы быть в курсе всех изменений. Зайдите на ленту новостей Mozilla Россия.

№113-04-2006 21:46:40

maXmo
Участник
 
Группа: Members
Зарегистрирован: 22-03-2006
Сообщений: 5

display: block - косяк

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

Выделить код

Код:

<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 из стиля и почувствуйте разницу - появились вертикальные разделители и табличка поехала. Что за нафиг???

Отсутствует

 

№213-04-2006 21:57:47

maXmo
Участник
 
Группа: Members
Зарегистрирован: 22-03-2006
Сообщений: 5

Re: display: block - косяк

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

Отсутствует

 

№314-04-2006 00:20:00

SeLarin
Ведущий телепат
 
Группа: Members
Откуда: Санкт-Петербург
Зарегистрирован: 13-02-2006
Сообщений: 609
Веб-сайт

Re: display: block - косяк

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

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


Welcome to mozilla@conference.jabber.ru

Отсутствует

 

№415-04-2006 11:32:59

maXmo
Участник
 
Группа: Members
Зарегистрирован: 22-03-2006
Сообщений: 5

Re: display: block - косяк

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

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

Отсутствует

 

№515-04-2006 12:08:51

SeLarin
Ведущий телепат
 
Группа: Members
Откуда: Санкт-Петербург
Зарегистрирован: 13-02-2006
Сообщений: 609
Веб-сайт

Re: display: block - косяк

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


Welcome to mozilla@conference.jabber.ru

Отсутствует

 

№615-04-2006 14:51:43

vladmir
SeaMonkey - вот это браузер
 
Группа: Extensions
Откуда: НН
Зарегистрирован: 16-10-2004
Сообщений: 4630

Re: display: block - косяк

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

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

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

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

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

Отсутствует

 

Board footer

Powered by PunBB
Modified by Mozilla Russia
Copyright © 2004–2020 Mozilla Russia GitHub mark
Язык отображения форума: [Русский] [English]