Блог ⁄ Вёрстка ⁄ Абсолютное позиционирование

Фишка заключается в том, что если внутри относительно позиционированного элемента размещать абсолютно позиционированные, то последние будут позиционироваться относительно своего родителя. Внизу на иллюстрации показаны четыре больших относительно позиционированных div'a, внутри которых размещается по четыре маленьких (10px × 10px) абсолютно-позиционированных блока.

Поясню изображение. Четыре блока сверху вниз. Два первых с фиксированной шириной (250px) и 2 с процентно-заданной (20%, нехилый у меня мониторчик, правда?). В первом и третьем больших блоках маленькие div'ы абсолютно позиционированы относительно левого верхнего угла родителя. А в чётных блоках мелкие спозиционированы так, чтобы быть закреплёнными в углах родителя, и не вылазить за его border. Проделал я всё это, чтобы протестировать кроссбраузерность метода.

В рот мне ноги, если Вы не подумали, что ИЕ6 всё испортил! Ни хуя! Отнюдь! Не всё. если Вы откроете файл-пример, то в мелких блоках обнаружите font-size:0; — единственное что загадил 6-й осёл, это высоту мелких блоков, из-за того, что IE6 по-умолчанию растягивает пустой блок на высоту line-height. Ещё один мелкий недочёт в ИЕ 5.5 и 6 всё-таки есть: при размещение в углах мелкие блоки справа удаляются на 1px влево.

Сразу же понял принцип работы одной всплывающей подсказки. Вообще-то не той что в ссылке, ну да ладно. Да и со скруглёнными уголками теперь можно не употреблять громоздких блоков из тэгов <b>. Интересно, почему в учебниках по HTML про это не пишут? Или я читаю так плохо…

UPD: Как только пробил по поисковикам, сразу же нашёл, что искал. Традиционная ссылочка по теме. Боязнь абсолютного позиционирования в CSS.