Обложка / Оглавление / Таблицы

Некоторые странности простых таблиц

Для того, чтобы задать размеры таблицы, достаточно задать размеры верхних ячеек. Пусть ширина первой ячейки будет width=200. Ширину второй ячейки задавать не будем, так как мы задали ширину таблицы. Браузер сам может вычислить ширину оставшейся ячейки.
Вот так:
11 12
21 22

или так:
11 12
21 22

Теперь добавим в ячейку 21 текст. Как только мы это сделали, мы можем увидеть, что браузер проигнорировал заданные нами размеры ячеек.
11 12
Июльский полдень золотой Сияет так светло, В неловких маленьких руках Упрямится весло, И нас теченьем далеко От дома унесло. 22

Для того, чтобы исправить положение, зададим размеры для всех ячеек первого столбца.
11 12
Июльский полдень золотой Сияет так светло, В неловких маленьких руках Упрямится весло, И нас теченьем далеко От дома унесло. 22
После этого строптивый браузер вынужден подчиниться. А куда он денется!

Очень быстро я убедился, что торжествовать рано. В борьбе с браузером побеждает браузер, поскольку только за ним окончательное слово. Браузер не сообщает нам почему он так, а не иначе, отображает тот или иной контент. Наша задача приспособиться к его странностям.
Например, очень трудно понять, почему браузер неверно отображает пустые ячейки.
Это никогда не закончится. Это никогда не закончится. Это никогда не закончится. Это никогда не закончится. Это никогда не закончится. Это никогда не закончится. Это никогда не закончится. Это никогда не закончится. Это никогда не закончится. Это никогда не закончится. Это никогда не закончится.
Июльский полдень золотой Сияет так светло, В неловких маленьких руках Упрямится весло, И нас теченьем далеко От дома унесло.

Хотя возможно, такой стиль кому-то не покажется ошибкой. Тем не менее неприятно, когда кто-то за тебя решает, как должна выглядеть таблица, которую ты нарисовал. В данном случае беде легко помочь: достаточно поместить в пустые ячейки неотображаемый символ, например, неразрывной пробел ( ).

Это никогда не закончится. Это никогда не закончится. Это никогда не закончится. Это никогда не закончится. Это никогда не закончится. Это никогда не закончится. Это никогда не закончится. Это никогда не закончится. Это никогда не закончится. Это никогда не закончится. Это никогда не закончится.  
  Июльский полдень золотой Сияет так светло, В неловких маленьких руках Упрямится весло, И нас теченьем далеко От дома унесло.

Приятно, конечно, что это легко исправляется, но легко ли об этом догадаться?

А вот еще одна задачка, пожалуй посложнее будет.

Это никогда не закончится. Это никогда не закончится. Это никогда не закончится. Это никогда не закончится. Это никогда не закончится. Это никогда не закончится. Это никогда не закончится. Это никогда не закончится. Это никогда не закончится. Это никогда не закончится. Это никогда не закончится. 12
21 Июльский полдень золотой Сияет так светло, В неловких маленьких руках Упрямится весло, И нас теченьем далеко От дома унесло.

Я не могу быть уверен в том, что каждый, кто смотрит на эту таблицу, видит то же самое, что и я. Но в IE версии 6 при разрешении экрана 800×600 правая рамка верхней левой ячейки пропадает. Кроме того, если размеры окна браузера плавно изменять, то видно, как эта рамка слегка дышит: чуть-чуть движется вправо и влево. Для того, чтобы лучше разглядеть эффект, увеличим расстояние между рамками ячеек и изменим их цвета.

Это никогда не закончится. Это никогда не закончится. Это никогда не закончится. Это никогда не закончится. Это никогда не закончится. Это никогда не закончится. Это никогда не закончится. Это никогда не закончится. Это никогда не закончится. Это никогда не закончится. Это никогда не закончится. 12
21 Июльский полдень золотой Сияет так светло, В неловких маленьких руках Упрямится весло, И нас теченьем далеко От дома унесло.

Теперь очень хорошо заметно, что размеры ячеек различаются. Интересно, что эффект проявляется только при использовании курсива, если отказаться от курсива, то размеры ячеек выравниваются.

Июльский полдень золотой Сияет так светло, В неловких маленьких руках Упрямится весло, И нас теченьем далеко От дома унесло. Безжалостные! В жаркий день, В такой сонливый час, Когда бы только подремать, Не размыкая глаз, Вы требуете, чтобы я Придумывал рассказ. И Первая велит начать Его без промедленья, Вторая просит: "Поглупей Пусть будут приключенья". А Третья прерывает нас Сто раз в одно мгновенье. Но вот настала тишина, И, будто бы во сне, Неслышно девочка идет По сказочной стране И видит множество чудес В подземной глубине.
Но ключ фантазии иссяк – Не бьет его струя. – Конец я после расскажу, Даю вам слово я! – Настало после! – мне кричит Компания моя. И тянется неспешно нить Моей волшебной сказки, К закату дело, наконец, Доходит до развязки. Идем домой. Вечерний луч Смягчил дневные краски. Алиса, сказку детских дней Храни до седины В том тайнике, где ты хранишь Младенческие сны, Как странник бережет цветок Далекой стороны.

Сайт управляется системой uCoz