Там нет CSS3 рекомендация пока; даже когда он будет рекомендован, это займет время, прежде чем браузеры будут осуществлять спецификацию CSS3 rules.In этой статье, я использую меню, заголовок и макет контента, для иллюстрации. В этой схеме, у вас есть панель заголовка, который принимает титул на веб-странице, логотип и может иметь знамя. У вас есть боковой панели слева, под заголовком, который принимает ссылки для навигации веб-сайта. У вас есть главная панель под панелью заголовка и справа на боковой панели. Это занимает основное содержимое веб-страницы.
В прошлом эта схема была легко достигается с помощью фреймы. Тем не менее, из-за проблем, связанных с кадрами для поисковых систем, сегодня вы можете иметь этот макет с DIV элементов легко, без использования фреймов, благодаря реализации фиксированной функции позиционирования новыми браузерами. В статье, макет с DIVs вместо Рамки для HTML, вам не удастся при помощи элементов DIV (без использования фиксированных функциональных позиционирования) легко. Тем не менее, преимущество конструкции в этой статье является то, что конструкции работать со старыми и новыми браузеров.
Использование DIVs с фиксированным позиционированием, работает только для новых браузеров; это то, что описано в этой статье. Я тестировал дизайн здесь с Firefox 2, Netscape 8, Opera 9, Safari и 3Try код первым ценить то, что происходит, прежде чем мы посмотрим на объяснение ниже: тела {переполнения: скрытый} {#header позиция: фиксированный; ширина: 100%; высота: 15%; верх: 0; левый: 0; границы: твердый 1px синий; г-индекс: 2} {#sidebar позиция: фиксированный; ширина: 20%; высота: 85%; верх: 15%; левый: 0; границы: твердый 1px синий; г-индекс: 2} {#main позиция: фиксированный; ширина: 80%; высота: 85%; верх: 15%; слева: 20%; границы: твердый 1px синий; Переполнение: прокрутка; г-индекс: 2} Hearder Боковая панель для ссылок Main Content идет здесь hereherehereIn дизайн, я использовал границы для демарк