Автор: Spider
Источник: http://hardnsoft.nm.ru
Издавна многие 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” идет самым первым. Этот слой загрузится вначале, а затем ссылки, и после них уже реклама.
Таким образом, посетитель увидит нужный материал раньше, и начнет его читать, а пока он читает, загрузится все остальное.
А ведь посетители – самое главное.
