Отступы полей страницы
Суббота, 14 августа 2010 г.Рубрика: Уроки HTML -> Отступы полей страницы
Метки: html | отступы полей страницы
Просмотров: 1409
Подписаться на комментарии по RSS
Вы должны запомнить, что не все теги и атрибуты тегов поддерживаются всеми браузерами. Не будем искать причин почему, лучше поговорим о некоторых специфических атрибутах для тега BODY, которые Вам когда-нибудь, да пригодятся.
Многие, когда верстают сайт, сталкиваются со следующей проблемой: поля по краям документа, которые, они не знают, как убрать. Что мы имеем ввиду – посмотрите пример, и Вы увидите те самые поля, которые так нам часто мешают: посмотрите пример.
К счастью, если нам нужно мы можем управлять ими: мы можем увеличить их, если они нам нужны, а если они нам не нужны, то мы можем убрать их. Рассмотрим вариант, когда нам нужно убрать поля документа:
<body text="#000000" bgcolor="ffffff" topmargin="0" leftmargin="0">
Topmargin - определяет ширину верхнего поля документа, leftmargin - определяет ширину левого поля документа. Чтобы убрать поля мы приравняли эти параметры к нулю. Можете посмотреть, что у нас получилось.
Вы можете удивиться, в чем же специфичность этих параметров. Дело в том, что topmargin и leftmargin поддерживаются только Internet Explorer.
Но не стоит растраиваться - для Opera и Mozilla есть альтернативное решение, т.к. для этих броузеров есть свои аналогичные специфические атрибуты для тега Body - marginheight и marginwidth. Marginheight - аналогичен topmargin, а marginwidth - аналогичен leftmargin.
Теперь, чтобы убрать отступы и для Opera, Mozilla, и для IE, надо просто прописать все эти атрибуты вместе для тэга BODY:
<body text="#000000" bgcolor="ffffff" topmargin="0" leftmargin="0" marginwidth="0" marginheight="0">
Таким образом, и в IE все будет хорошо, и Opera и Mozilla тоже.
Topmargin и leftmargin в Internet Explorer убирает только верхнее и левое поля документа. Чтобы убрать правое и нижнее надо ввести еще атрибуты rightmargin и bottommargin для тэга Body.
<body text="#000000" bgcolor="ffffff" rightmargin="0" bottommargin="0" topmargin="0" leftmargin="0" marginwidth="0" marginheight="0">
Итак, мы узнали, как убирать поля в IE, но в новых версиях браузеров такое "не прокатит". Поэтому будем использовать следующее:
<style type="text/css"><!--
body{margin:0px;padding:0px;}
--></style>
Вставьте этот код между тегами <head></head>, и проблему с полями можно считать решенной.
Сразу предвидим вопросы относительно приведенного нами кода. Что это такое? Это CSS – таблицы каскадных стилей, дополнительное средство, при помощи которого Вы можете управлять содержимым ваших страниц, CSS, по сути, дополняет HTML, но при этом это отличный от html стандарт.
много раз сталкивался с острой потребностью в полях на страницах (текст упирался прямо в края страницы). нигде не мог найти решения. благодаря полученной из урока информации, наконец, смогу положить конец данной неприятности.