Позиционирование блока с контентом
Поскольку перед нами стоит задача создания «резинового» макета, не- желательно задавать ширину области с контентом, но, впрочем, это в любом случае не обязательно. Однако в настоящее время область с контентом размещается там, где должно быть меню. Чтобы все встало на свои места, достаточно задать для области с контентом свойство mar- gin, освободив пространство для меню. Результат показан на рис. 9.30.
#content {
margin-left: 16em;
margin-right: 2em;
}
Теперь все элементы расположены аккуратно по отношению друг к дру- гу, и можно перейти к заданию стиля каждого из них с помощью CSS, чтобы получить результат, изображенный на рис. 9.27. Использован- ная таблица стилей приведена полностью в начале раздела.
Использование em для позиционирования блоков с текстом. В качестве единиц измерения для позиционирования элементов документа я использо- вала em. Это обеспечит пропорциональное изменение размеров блока при из- менении пользователем размера шрифта, позволяя избежать перекрытия эле- ментов. Такое решение оптимально для задания ширины блоков и отступов на
Рис. 9.30. Добавление внешних отступов для области с контентом
Литература: Эндрю Р. CSS: 100 и 1 совет, 3-е издание. – Пер. с англ. – СПб: Символ-Плюс, 2010. – 336 с., ил.
Похожие посты:
- РАЗВИТИЕ БЛАГОДАРЯ ПОИСКОВОЙ СИСТЕМЕ GOOGLE: ЛЮБОВЬ СИЛЬНЕЕ (0)
- Специалист или многопрофильность (0)
- Макет фиксированной ширины с двумя колонками по центру страницы (0)
- Добавление к «резиновому» макету нижнего блока (0)
- Изменение стиля горизонтальной линии (0)
- Вывод текста с отступом (0)
- Удаление отступов от края страницы (0)
