Основное меню















Couter-Strike





Сервер на русском
Готовые сервера
Плагины/Plugins
Моды/Mods
Анти-читы
Боты
Карты
Программы
background'ы
Разное










Контент





Основы экономики
Нет читерам!
Обучение
Отмазки
Демо, HLTV
Тактики
Оружие










Файлы





Шаблоны для ucoz [127]
Скрипты для ucoz [94]
Статьи веб мастеру [27]
Иконки для форума [26]
Иконки [2]










Кто Online





Счетчик посещений

OnLine
Онлайн всего: 1
Гостей: 1
Пользователей: 0

Юзеры онлайн:
Нас посетили:










Нас посетили















Кликни по рекламе






-работа, за регистрацию по 4рубля.











-



Главная » 2010 » Апрель » 13 » Волшебное заклинание (заметки о полях)
22:41
Волшебное заклинание (заметки о полях)

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

Примечание: проведя небольшое исследование, я составил вот такую табличку размеров отступов для некоторых браузеров. -- А. В.браузер Netscape Navigator MS Internet Explorer Opera
платформа win32 unix win32 win32
версия 3.x 4.x 3.x 4.x 3.x 4.x 5.0 3.5x
отступы 8px 8px 7px 7px 10px 10px 10px 10px

Оговорка относительно "стандартного HTML" не случайна -- очевидно, поля эти были введены именно для того, чтобы размеченные в минималистском, академическом стиле тексты можно было читать, не стукаясь взглядом о вплотную прижатую к тексту рамку окна. Предоставляя со временем все больше оформительской свободы автору страницы броузеры не могли обойти своим вниманием и этот аспект. Так, MSIE поддерживает атрибуты leftmargin н topmargin тега BODY, позволяющие устанавливать любую (в том числе нулевую и отрицательную) величину полей страницы. Однако и стандарт HTML 4.0, и броузер Netscape игнорируют эти «MSlE-only» атрибуты.

Более идеологически правильный, хотя и выходящий за рамки HTML подход - использование CSS-свойств margin-left и margin-top для тега BODY. К сожалению, незрелость реализации CSS не позволяет воспользоваться даже таким невинным трюком: дело в том, что если MSIE отмеряет поле от рамки окна, то NC принимает отправную точку то "поле по умолчанию", которое имеет место в отсутствие CSS. Поэтому, чтобы прижать содержимое страницы вплотную к левой рамке окна, в MSIE достаточно сказать , тогда как в NC вместо 0рх придется подбирать некую отрицательную величину (около -7рх).

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

А вот теперь давайте разберемся!

Во-первых, нам известен простейший способ создания одинаковых полей (в том числе нулевых) для браузеров NN и MSIE начиная с 4-х версий. Для этого нужно, чтобы тег BODY выглядел следующим образом:

Здесь X - левый отступ, а Y - верхний. Первые два атрибута понимает только MSIE, вторые два - только NN. (Opera не понимает ни тот, ни другой)

Но эти чисто визуальные атрибуты элемента BODY не входят ни в одну официальную спецификацию HTML, и их использование противоречит идеологии языка. Куда удобнее и правильнее было бы использовать CSS, ведь тогда достаточно иметь одну инструкцию в css-файле для всего сайта. Я полностью соглашаюсь с тов. Кирсановым - с помощью свойства magrin (margin-top, margin-left) невозможно создать одинаковые поля в обоих браузерах.

Тут есть один тонкий секрет!

Netscape 4.x знает, что такое CSS-позиционирование. Можно вложить все содержимое страницы в один общий слой:

Содержимое страницы

Но это как-то накладно. А вот если добавить такой style-атрибут к тегу BODY - результат будет неожиданный: Explorer и Opera его игнорируют (тут им подавай margin, а не position!), а Netscape создает нулевые (в нашем примере) поля. Остается только привести стили к общему знаменателю:

Похоже, волшебное заклинание найдено!

Если это скрипт то возможно скачивать ничего не нужно.Ну для удостоверки нажмите и попробуйте скачать.

Гость для того чтобы скачать "Волшебное заклинание (заметки о полях)", Вам нужно кликнуть по одной из рекламных ссылкак.
Категория: Статьи веб мастеру | Просмотров: 413 | Добавил: diavol | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]








Форма входа







Сообщения:

Группа:
Гости
Время:20:30

Гость, мы рады вас видеть. Пожалуйста зарегистрируйтесь или авторизуйтесь!










Облоко тегов





Roundsound Apache allinone Loadingsound Cheating-Death 4.33.4 AMX Gag IP Clanwar Server V2.1 All Info admin_radar Admin Gag BreakAbleDoors AMX Warn Ban Admin Ghost Psychosound CS 1.6 Background Changer v1.5.5 full_bans Support adminbroadcast HL Media Player 2 New Stable Version Released! fuckoff Unlimited Ammo Grab fall scream ArmorDrop knifebot










Мониторинг















Поиск















Календарь





«  Апрель 2010  »
ПнВтСрЧтПтСбВс
   1234
567891011
12131415161718
19202122232425
2627282930










Последнее на форуме





Строительная экспертиза и технадзор
Автор: olgapet946
Форум: Общение
Дата: 19.01.2019
Ответов: 0
Общение
Автор: diavol
Форум: Общение
Дата: 19.01.2019
Ответов: 172
Даосская алхимия. Занятия. Москва
Автор: Aerius
Форум: Общение
Дата: 19.01.2019
Ответов: 1
Цигун
Автор: Chuangzhi
Форум: Общение
Дата: 19.01.2019
Ответов: 1
Интим секс
Автор: VoroninaNnK
Форум: Игры
Дата: 21.09.2016
Ответов: 1
Полный мини-чат для uCoz
Автор: Plastinas
Форум: uCoz
Дата: 10.09.2014
Ответов: 0
Кнопка наверх в виде ракеты с эффектом огня
Автор: Plastinas
Форум: uCoz
Дата: 10.09.2014
Ответов: 0










сайт создали















Архив