Особенности верстки слоями


AVEWEB.RU

Вебмастеру

Это интересно

Верстка сайта с помощью слоев

Раньше считалось, что верстать сайт необходимо в основном с помощью фреймов и таблиц. Однако с развитием веб технологий и выходом более современных браузеров, появились и другие способы вёрстки страниц. Так, например, самые неограниченные возможности верстальщики получили благодаря вёрстке с помощью слоёв. Данный тип создания сайта по принципу напоминает слои в программе Photoshop.Однако сейчас всё ещё идёт спор между веб-мастерами, какой тип вёрстки выбрать, слоями или же таблицами, причём как у первой стороны, так и у другой есть свои защитные стороны. Вёрстка же фреймами сразу уходит назад, так как имеет более грубый вид и громоздкость. Главным преимуществом таблиц, отчего многие (особенно начинающие мастера) и не хотят от них отказываться, является простота освоения. А чем же отличается вёрста слоями и какие есть у неё преимущества?

Сами по себе слои – это элементы кода HTML, которые размещаются на странице сайта через размещение друг над другом, причём делается это с точностью до одного пикселя. Все изменения можно внести в параметры любого слоя с помощью языков JavaScript и VBScipt, что даёт возможность разработчикам добавлять на свои сайты всевозможные эффекты, присущие данным языка программирования, например, плавание, вращение, выпадение меню и прочие эффекты. Каждый слой задаётся специальным контейнером Layer, а позиционирование слоя делается благодаря атрибутам top, left и z-index.

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

Однако есть у слоёв и свои недостатки, которые для кого-то будут более существенны или менее. Так, например, для данного вида вёрстки необходимо знать такие технологии и языки программирования, как JavaScript, VBScipt, а также CSS. Также проблема и в редактировании – страницы, свёрстанные слоями сложно править в графических редакторах html. Кроме того, браузеры по-разному отображают сайты, свёрстанные с помощью слоёв, однако при замене тега Layer на Div, можно избежать ряда проблем с отображением.

Таим образом, слои предоставят огромное количество возможностей тем веб-мастерам, кто способен справиться с трудностями их воплощения с помощью языков программирования. Однако не смотря на широкие возможности, до сих пор не было достигнуто единого консенсуса различными браузерами в отображении свёрстанных слоями сайтов, из-за чего один и тот же ресурс может по-разному смотреться, например в IE и в Opera. Но если в будущем эти разногласия уйдут, то именно слои станут передовой технологией создания веб-ресурсов.

Особенности верстки слоями

До недавнего времени в качестве основных инструментов верстки выступали фреймы и таблицы. Фреймы, ввиду их некоторого несоответствия принципам веб-дизайна и навигации, были объявлены злом и подвергнуты остракизму. Любое использование фреймов, за редким исключением (например, в чатах), вызывало возгласы о том, что веб-мастер недостаточно профессионален и не понимает всех тонкостей создания сайтов. Что оставалось делать в этой ситуации верстальщикам? Только переходить к таблицам. Поэтому верстка с использованием таблиц на долгое время стала определенным стандартом.

И как только таблицы не применяются — и рамки с помощью них делают, и модульные сетки задают, и цветной фон создают, и элементы выравнивают по разным краям. Конечно, это противоречит идеологии разделения оформления и содержания, но о такой «мелочи» никто и не вспоминает.

Ситуация поменялась с выходом новых версий браузеров, которые стали придерживаться современных стандартов и содержать средства по работе со слоями. Вот тогда и заговорили о новой системе верстки сайтов, которая позволяет забыть о таблицах или использовать их только по прямому назначению.

Большинство современных дизайн студий верстает с помощью слоев, например студия net-c которая предлагает весь спектр услуг по Порядок вывода комментариев:

Статья >> Блочная верстка html-страниц, верстка слоями

Блочная верстка html-страниц, верстка слоями

С уверенностью можно сказать, что слои – не таблицы. Несмотря на банальность подобного утверждения, многие разработчики своим трудом опровергают его вновь и вновь. Навестив курсы по основоположным принципам дизайна страниц в интернете, Вы легко будете отличать табличную верстку от блочной, а также будете верстать страницы приоритетной из этих двух. Но стоит только осознать, что это разные инструменты и элементы конструктора, как сразу станет легче и проще. Действительно, таблицы и методы верстки с их помощью лучше применять в одном случае, а слои – в другом. Также четко разделять подходы и принципы верстки. Тогда нам не понадобится загонять творческую мысль в прокрустово ложе антагонистичной технологии. Надо просто пойти другим путем.

К сожалению, табличная верстка наложила довольно сильный отпечаток на манеру верстки веб-страниц. И теперь, когда верстка с помощью слоев прочно входит в моду и завоевывает множество поклонников, предыдущие стереотипы пытаются проявиться с новой силой. Так что рассказ об особенностях верстки слоями придется начинать не со слоев, а с таблиц и том багаже, что они с собой принесли.

Не секрет, что большинство сайтов в мире создано с помощью табличной технологии, когда таблица с невидимой границей выступает в качестве опорной модульной сетки документа. Вместе с тем разработчики постепенно переходят на верстку слоями – это интересно, доступно и пользуется популярностью. Но в качестве образца для подражания выбираются именно табличные сайты, поскольку они известны и на виду, и уже их пытаются приспособить под верстку слоями.

Что же в итоге получается? А то, что из конструктора, предназначенного для создания танка, пытаются сделать самолет. Думаете, это невозможно? Нет ничего невозможного, когда под рукой есть напильник и прорва времени. Но с другой стороны, может, проще взять нужный конструктор.

Давайте для примера приведу типичную и простую схему страницы. Страница, созданная с помощью таблиц. В самом верху располагается «шапка» документа, где пишется заголовок сайта. Далее идут две колонки одинаковой высоты, колонки при этом для наглядности выделяются разным цветом. В самом низу располагается «подвал» страницы, куда помещают контактную информацию и другие служебные данные. При этом, высота всего макета занимает всю доступную высоту окна браузера, т.е. «подвал» располагается у нижнего края веб-страницы. Правда, это происходит только в том случае, если текста в колонках не так много. Когда объем текста превышает высоту веб-страницы, она отображается с вертикальной полосой прокрутки.

Илон Маск рекомендует:  Что такое код ircg_is_conn_alive

Несмотря на указанные условия, код, сформированный с помощью таблиц, отличается своей компактностью (пример 1). Для сокращения кода стили не применялись.

Пример 1. Использование таблиц. Валидный HTML:


Слои — основной способ верстки web-сайтов

Слои — основной способ верстки web-сайтов

На сегодняшний день известны 3 способа верстки сайта:

1) Фреймы. Ранее часто использовались, но на сегодняшний момент не так востребованы из-за своей громоздкости и грубого вида. Главной же причиной отказа от фреймов является особенность нынешней поисковой системы, которая приводит лишь к одному фрейму, грубо говоря, к одной частичке сайта, а не к сайту в целом.

2) Таблицы. Самой распространенной версткой при создании сайтов в интернете, считается табличная, которая привлекает своей простотой освоения. Если на сайте применена табличная верстка, это не всегда значит, что разработчиком является новичок, нередко к ней прибегают и профессионалы.

3) Слои. Данный метод верстки сайта считается главным конкурентом табличной верстки. Слои появились вследствие постоянного изменения и усовершенствования веб-браузеров, поддерживающие новые технологии. Слои предлагают неограниченные возможности веб-мастерам, они подобны слоям, которые используются в программе Adobe Photoshop.

Несмотря на явное преимущества слоев, верстальщики все же разделились на поклонников слоев и приверженцев табличной верстки. Нам предстоит разобраться, так ли хороши слои, рассмотреть преимущества и недостатки.

Слои – это элементы HTML кода, которые помещаются в веб-страницу так, что они накладываются друг на друга с точностью до пикселя. С помощью языка JavaScript, а так же VBScipt можно изменить параметры слоя, тем самым появляется возможность создания разных эффектов.

Тег создает слой, а такие составляющие как left, top и z-index позиционируют его, определяют отступ и место расположения.

Отметим недостатки слоев:

1) Чтобы работать со слоями, необходимо хорошо знать вышеуказанные языки (JavaScript, а так же VBScipt и CSS);

2) Каждый веб-браузер будет по-разному отображать сайт, в котором применялись слои;

3) Будут возникать проблемы редактирования страниц в графических редакторах HTML.

Но достоинства слоев все же перекрывают недостатки:

1) Эффекты, создаваемые при помощи слоев, оживляют страницу и привлекают внимание пользователей;

2) Веб-браузеры быстро обрабатывают слои;

3) Расположение каждого слоя задается декартовыми координатами, что позволяет быть точным до пикселя;

4) Свойства слоя настраиваются при помощи каскадными таблицами стиля.

А чтобы уменьшить проблемы с веб-браузерами необходимо стандартный контейнер , поменять на

И снова о верстке сайта слоями: преимущества метода

Совсем недавно мы уже рассказывали нашим читателям о том, что представляет собой послойная верстка сайта и почему в последнее время она становится наиболее актуальной среди многих веб-дизайнеров.

Теперь же пришло время поговорить о достоинствах этого способа верстки, ведь, стоит полагать, их необходимо рассмотреть каждый в отдельности, чтобы отдать предпочтение тому или иному способу верстки сайта. Преимущества, которые несет нам с вами послойная верстка сайтов, неоспоримы. Назовем наиболее важные из них:


Свойства слоев во время верстки сайта можно настраивать через стили. Веб-дизайнерам необходимо учитывать, что возможности таких стилей гораздо шире, чем стандартный html, а потому спектр оформительских изысков может быть расширен значительно. Кроме того, использование шаблонных стилевых таблиц предполагает с помощью минимума усилий получить наиболее компактный и эффективный код.

Слои вариативны – их можно перемещать, показывать без перезагрузки всей веб-страницы, прятать. Введение лишь некоторых инструкций позволит вам создать на своем сайте самые разные эффекты, наиболее интересные и красочные, вроде выпадающих меню или всплывающих подсказок. Кроме того, добавление подобных эффектов хоть и увеличивает объем кода страницы, но не перегружает браузер, а значит и на скорости загрузки сайта практически не отражается.

Слои могут накладываться друг на друга, и это, безусловно, позволяет заметно упростить размещение элементов на страницах сайта. Кроме того, такая функция наделяет стандартную верстку ещё большими возможностями, которые спешат по максимуму использовать современные веб-дизайнеры.

Слои отражаются быстрее, чем таблицы, а более высокая скорость загрузки сайта объясняется достаточно просто – веб-дизайнер, используя послойную верстку, отдает предпочтение более простому коду. Кроме того, отображение содержимого слоя происходит по мере его загрузки, что также оптимизирует время.

Если говорить о послойной верстке сайта в сравнении с табличной версткой, то можно заметить ещё одну характерную особенность – содержимое таблиц загружается намного медленнее, чем информация, вписанная в слои. Все дело в том, что браузеры преднамеренно расценивают таблицу как один полноценный объект, в результате чего содержимое таблицы не может быть отображено до тех пор, пока она целиком не будет загружена на сайт. Слои, как мы говорили выше, могут загружаться каждый в отдельности, что также ценят многие профессиональные веб-дизайнеры.

Работа со слоями строится на более гибком уровне, чем с таблицами, ведь дизайнеры при применении табличной верстки используют метод распорок, то есть прозрачные изображения размером 1х1 пиксель. Подобные техники значительно усложняют разработку универсальных веб-страниц для сайтов.

Разница между таблицами и слоями

Адепты табличной вёрстки любят сделать сложный макет и бросить верстальщикам вызов: «ну-ка, повторите такое на слоях!». Сразу заявляем, это провокация, на которую не следует попадаться и надо попросту игнорировать. Смысл в том, что таблицы и слои это совершенно разные объекты и их вообще некорректно сравнивать между собой. В итоге это напоминает детский спор «кто сильнее — кит или слон?». Дети продолжают отстаивать свою позицию и яростно доказывать, что их фаворит сильнее, взрослые люди лишь понимающе улыбаются, услышав этот вопрос.

Для объективности, тем не менее, приведем ряд характерных элементов, свойственных разным методам вёрстки (табл. 4.1).

Табл. 4.1. Сравнение характеристик

Колонки формируются ячейками таблицы, их высота

разными слоями, их

высота разная и

одинакова и взаимосвязана.

По умолчанию слой

Илон Маск рекомендует:  Что такое код asp protocolstatus

Если ширина таблицы явно не указана, она

вычисляется на основе содержимого таблицы.

Порядок слоев в коде

Строки таблицы отображаются в том порядке, как

они представлены в коде. Ячейки идут слева направо

Как правило, пока таблица не загрузится полностью,

содержимое её не будет показываться. Если на веб-

странице размещена большая таблица, загрузка


страницы существенно замедляется.

Код для создания таблиц может быть громоздок,

Код, как правило,

особенно если требуется объединить множество

ячеек или сделать несколько вложенных таблиц.

Содержимое внутри ячейки легко выравнивать по её

верхнему, нижнему краю или середине.

Как видно из таблицы, разница между таблицами и слоями существенная, особенно это касается колонок. В таблице колонки, создаваемые ячейками, имеют одинаковую высоту, при вёрстке слоями приходится использовать искусственные методы, чтобы добиться подобного результата. Всё дело в том, что идеология слоёв не предполагает их искусственное растягивание, и методы построения колонок одинаковой высоты построены, как правило, на визуальном обмане. Если взять в качестве основы пример 4.2 и вместо таблицы использовать

Особенности верстки слоями

До недавнего времени в качестве основных инструментов верстки выступали фреймы и таблицы. Фреймы, ввиду их некоторого несоответствия принципам веб-дизайна и навигации, были объявлены злом и подвергнуты остракизму. Любое использование фреймов, за редким исключением (например, в чатах), вызывало возгласы о том, что веб-мастер недостаточно профессионален и не понимает всех тонкостей создания сайтов. Что оставалось делать в этой ситуации верстальщикам? Только переходить к таблицам. Поэтому верстка с использованием таблиц на долгое время стала определенным стандартом.

И как только таблицы не применяются — и рамки с помощью них делают, и модульные сетки задают, и цветной фон создают, и элементы выравнивают по разным краям. Конечно, это противоречит идеологии разделения оформления и содержания, но о такой «мелочи» никто и не вспоминает.

Ситуация поменялась с выходом новых версий браузеров, которые стали придерживаться современных стандартов и содержать средства по работе со слоями. Вот тогда и заговорили о новой системе верстки сайтов, которая позволяет забыть о таблицах или использовать их только по прямому назначению.

Большинство современных дизайн студий верстает с помощью слоев, например студия net-c которая предлагает весь спектр услуг по Порядок вывода комментариев:

Верстка с помощью слоев

Раньше фреймы и таблицы считались основными способами верстки. Но время не стоит на месте, и с выходом нового поколения веб-браузеров, поддерживающих современные технологии, ситуация изменилась. Использование слоев, наподобие тех, что можно встретить в программе Adobe Photoshop, для верстки документов предоставило веб-мастерам поистине неограниченные возможности. Но, если от фреймов и так собирались отказаться ввиду их громоздкости и слишком грубому вида, то между приверженцами табличной верстки и поклонниками слоев разгорелись нешуточные страсти. Дело в том, что у таблиц хоть и существуют недостатки, но из-за простоты освоения этот метод верстки пользуется неизменной популярностью у начинающих веб-мастеров, да и некоторые профессионалы нет-нет, да и применят табличную верстку на сайте. Поэтому таблицы и слои стали считаться конкурентами. Сейчас, когда ажиотаж вокруг слоев немного поутих, самое время узнать достойный ли у табличной верстки соперник.

Слои являются элементами HTML-кода, которые можно внедрять в веб-страницу путем размещения одного на другом с точностью до пикселя. Изменения в параметры слоя вносятся с использованием языка JavaScript или VBScipt, благодаря чему становится возможным применение на страницах сайта различных эффектов: плавающие окна, вращающиеся надписи, выпадающее меню и другие.

Слой задается контейнером , а для определения позиции слоя требуются атрибуты top (отступ от верхнего края экрана), left (отступ от левого края экрана), z-index (место расположения отдельного слоя, заданного декартовыми координатами, причем слой с самым большим значением помещается сверху).

Достоинства слоев:

  • Метод позиционирования слоев относительно друг друга позволяет создавать интересные эффекты, способствующие «оживлению» веб-страницы.
  • Быстрая обработка слоев веб-браузерами.
  • Поддержка декартовых координат позволяет указать положение слоев на странице с точностью до пиксела.
  • Настройка свойств слоя посредством CSS.

К недостаткам слоев относятся:

  • Глубинное знание языков и технологий веб-программирования – JavaScript, VBScipt, CSS.
  • Различия в отображении сайта, при верстке которого применялись слои, веб-браузерами.
  • Проблемы при редактировании страниц со слоями в графических html-редакторах.

Верстка с помощью слоев технически напоминает позиционирование элементов, причем стандартный в таких случаях тег лучше заменить на

, тогда проблем с браузерами поубавится.

Как видите, слои практически не ограничивают фантазию дизайнера, но вместе с тем сложны в исполнении. К тому же единый стандарт восприятия веб-браузерами в них отсутствует. Поэтому никто не гарантирует, что сверстанный таким образом сайт, будет идентично выглядеть и в Internet Explorer, и в Opera. Вот почему до сих пор не отказываются от использования таблиц. Однако, стоит заметить, что в плане верстки у слоев большое будущее, если устранятся разночтения веб-браузеров.


Слои — основной способ верстки web-сайтов

Слои — основной способ верстки web-сайтов

На сегодняшний день известны 3 способа верстки сайта:

1) Фреймы. Ранее часто использовались, но на сегодняшний момент не так востребованы из-за своей громоздкости и грубого вида. Главной же причиной отказа от фреймов является особенность нынешней поисковой системы, которая приводит лишь к одному фрейму, грубо говоря, к одной частичке сайта, а не к сайту в целом.

2) Таблицы. Самой распространенной версткой при создании сайтов в интернете, считается табличная, которая привлекает своей простотой освоения. Если на сайте применена табличная верстка, это не всегда значит, что разработчиком является новичок, нередко к ней прибегают и профессионалы.

3) Слои. Данный метод верстки сайта считается главным конкурентом табличной верстки. Слои появились вследствие постоянного изменения и усовершенствования веб-браузеров, поддерживающие новые технологии. Слои предлагают неограниченные возможности веб-мастерам, они подобны слоям, которые используются в программе Adobe Photoshop.

Несмотря на явное преимущества слоев, верстальщики все же разделились на поклонников слоев и приверженцев табличной верстки. Нам предстоит разобраться, так ли хороши слои, рассмотреть преимущества и недостатки.

Слои – это элементы HTML кода, которые помещаются в веб-страницу так, что они накладываются друг на друга с точностью до пикселя. С помощью языка JavaScript, а так же VBScipt можно изменить параметры слоя, тем самым появляется возможность создания разных эффектов.

Тег создает слой, а такие составляющие как left, top и z-index позиционируют его, определяют отступ и место расположения.

Илон Маск рекомендует:  Как зарегистрировать доменое имя

Отметим недостатки слоев:

1) Чтобы работать со слоями, необходимо хорошо знать вышеуказанные языки (JavaScript, а так же VBScipt и CSS);

2) Каждый веб-браузер будет по-разному отображать сайт, в котором применялись слои;

3) Будут возникать проблемы редактирования страниц в графических редакторах HTML.

Но достоинства слоев все же перекрывают недостатки:

1) Эффекты, создаваемые при помощи слоев, оживляют страницу и привлекают внимание пользователей;

2) Веб-браузеры быстро обрабатывают слои;

3) Расположение каждого слоя задается декартовыми координатами, что позволяет быть точным до пикселя;

4) Свойства слоя настраиваются при помощи каскадными таблицами стиля.

А чтобы уменьшить проблемы с веб-браузерами необходимо стандартный контейнер , поменять на

Особенности верстки слоями

Несмотря на то, что термин «слой» достаточно устойчиво используется при разработке сайта, расшифровке этого понятия в литературе по сайтостроению практически не уделяется внимание. В дальнейшем мы будем активно использовать термин «слой», поэтому вначале необходимо определить, что же под ним подразумевается.

Первоначально слои ввела компания Netscape, включив в свой браузер поддержку тега . Этот тег позволял прятать/показывать текущее содержимое, устанавливать положение относительно окна браузера, накладывать один слой поверх других и загружать данные в содержимое слоя из файла. Что характерно, все эти параметры легко менялись с помощью JavaScript и это расширяло возможности по созданию действительно динамического контента на странице. Несмотря на столь впечатляющий набор возможностей, тег не был включен в спецификацию HTML и так и остался лишь расширением браузера Netscape.


Однако необходимость в указанных возможностях, которые бы применялись на сайтах, уже назрела, и в конце 1996 года синтаксис для работы со слоями был разработан и одобрен в рабочем проекте консорциума «CSS Positioning (CSS-P)». Основная нагрузка ложилась на стили, с их помощью можно управлять видом любого элемента, в том числе менять значения динамически через JavaScript. К сожалению, объектные модели браузеров для доступа к элементам разнились, поэтому приходилось писать достаточно сложный код, который бы учитывал эти различия.

В настоящее время разработчики популярных браузеров стали придерживаться спецификаций HTML и CSS, что сильно облегчило жизнь создателям сайтов, поскольку снизило время на отладку сайта в разных браузерах. Тем не менее, различия в подходах у браузеров существуют и при их возникновении разработчики придерживаются следующих форм работы.

  • Если наблюдаются небольшие различия в отображении одного сайта в разных браузерах, то на эти отличия закрывают глаза. Попросту говоря, никак не исправляют. Здесь следует сделать оговорку, что сайт в любом случае должен отображаться корректно и без ошибок.
  • Если у сайта имеются существенные различия при его показе в одном и другом браузере, то для их устранения применяют хаки.

Хак — это набор приемов, когда определенному браузеру «подсовывают» код, который понимается только этим браузером, а остальными игнорируется.

Несмотря на то, что хаки работают, использовать их следует ограниченно или вообще обходиться без них. Дело в том, что хаки снижают универсальность кода и для модификации параметров одного элемента приходится вносить изменения одновременно в разных местах.

Есть и другой, перспективный путь — придерживаться спецификации CSS. Несмотря на то, что браузеры не в полной мере сами ее поддерживают, они прогрессируют именно в этом направлении. А именно, полной поддержки различных спецификаций (HTML, CSS, DOM). Таким образом, получается, что будущие версии браузеров будут унифицированы и один и тот же сайт станут отображать корректно.

Снова вернемся к слоям. Понятно, что они непосредственно связаны со стилями. Раз так, то не получается ли, что каждый элемент HTML-кода, к которому добавляются стили, является слоем? В каком-то смысле так и есть. Однако это внесло бы изрядную путаницу, если вместо «таблица» или «параграф» мы бы говорили «слой». Поэтому договоримся относить этот термин только к тегам

Слой — это элемент веб-страницы, созданный с помощью тега

Таким образом, верстка с помощью слоев заключается в конструктивном использовании тегов

Разделение содержимого и оформления

Код HTML должен содержать только теги разметки и теги логического форматирования, а любое оформление выносится за пределы кода в стили. Такой подход позволяет независимо управлять видом элементов страницы и ее содержимым. Благодаря этому над сайтом может работать несколько человек, при этом каждый выполняет свою функцию самостоятельно от других. Дизайнер, верстальщик и программист работают над своими задачами автономно, снижая время на разработку сайта.

Активное применение тега

При использовании слоев существенное значение уделяется универсальному тегу

Благодаря этому тегу HTML-код распадается на ряд четких наглядных блоков, за счет чего верстка слоями называется также блочной версткой . Код при этом получается более компактным, чем при табличной верстке, к тому же поисковые системы его лучше индексируют.

Таблицы применяются только для представления табличных данных

При верстке слоями, конечно же, используются таблицы, но только в тех случаях, когда они нужны, например, для наглядного отображения чисел и других табличных данных. Вариант, когда от таблиц предлагается отказаться вообще, является нецелесообразным и, более того, вредным.

Использование стилей не является обязательной характеристикой верстки слоями, и для табличной верстки стили могут применяться достаточно активно. Другое дело, что это становится стандартом де-факто и без стилей теперь никак не обойтись.

Резюме

Слой — это базовый элемент верстки веб-страниц, при которой активно применяются стили и придерживаются спецификаций HTML и CSS. При таком подходе важная роль уделяется тегу

Хотя современные браузеры более-менее корректно работают со стилями, иногда между ними возникают разногласия по поводу прочтения одного и того же кода. В подобных случаях веб-страница будет по-своему отображаться в разных браузерах. Чтобы этого не произошло, используют хаки — приемы, направленные на то, чтобы каждый браузер получил свой собственный код или стиль. Однако применение хаков при верстке считается плохим тоном, поэтому следует пользоваться ими лишь в крайних случаях или вообще обходиться без них.

  • Особенности верстки слоями
  • Блочные элементы
  • Строчные элементы
  • Плавающие элементы
  • Выравнивание слоя по центру
  • Фиксированный дизайн. Основы
  • Фиксированный дизайн. Свойство float
  • Фиксированный дизайн. Позиционирование
  • Фиксированный дизайн. Наложение слоев
  • Фиксированный дизайн. Макет из трех колонок
  • Фиксированный дизайн. Размещение трех колонок
  • Резиновый дизайн. Двухколонный макет

Отправить сообщение об ошибке
Если нашли ошибку в тексте выделите ее мышкой и нажмите сочетание клавиш Ctrl+ENTER, укажите правильный текст без ошибки.

Понравилась статья? Поделиться с друзьями:
Кодинг, CSS и SQL