»Статьи - Веб-Дизайн - Таблицы или слои, что лучше? »https://artwedis.com/page.php?id=367 |
Автор: Отправлено: 04.11.2008 11:51 |
Издавна многие web-мастера используют таблицы для компоновки своего веб-сайта. Но у таблиц есть много недостатков. Самый главный недостаток это то, что большинство браузеров пока не прогрузят всё содержимое таблицы, ничего не покажут :-( !!! Ещё один недостаток заключается в том, что таблицы в исходном коде html трудны для восприятия! Вот обычная компоновка страницы: Допустим, слой “banner” должен быть в самом верху. В тег <style> добавим: #banner { z-index: 1; position: absolute; top: 0px; left: 0px; height: 60px; width: 800px ; } Слой “links” будет шириной 135px и иметь отступ 60px сверху. Тогда в <style> надо добавить: #links { z-index: 2; position: absolute; top: 60px; left: 0px; width: 135px ; } И наконец слой “text” имеет ширину 665px и отступы сверху 60px и слева 135px: #text { z-index: 3; position: absolute; top: 60px; left: 135px; width: 665px ; } Ладно слои мы создали, теперь надо бы их наполнить! Вот полный код html: <html> <head> <style> <!--Описано выше--> </style> </head> <body> <div id="text"> Ваш текст... Текст страницы... </div> <div id="links"> Ссылки... Ссылки... </div> <div id="banner"> Надоедливая реклама... </div> </body> </html> Поскольку самое главное для посетителей – это содержание страницы, а не баннер и ссылки, то в теле страницы слой “text” идет самым первым. Этот слой загрузится вначале, а затем ссылки, и после них уже реклама. Таким образом, посетитель увидит нужный материал раньше, и начнет его читать, а пока он читает, загрузится все остальное. А ведь посетители – самое главное. |