Как пометить тело страницы (html)?

Я использовал следующие

<body topmargin="0" leftmargin="0" rightmargin="0">

который работает только на IE6. Я хочу, чтобы он работал с firefox и opera.

Я попытался сделать следующее:

<style type="text/css">
.header {
    width: 100%;
    background-color: #3B5998;
    height: 35px;
    margin-top:0;
}
.style1 {
    margin-right: 38px;
}
.style2 {
    width: 100%;
    background-color: #3B5998;
    height: 35px;
}


</style>


<div dir="rtl" class="style2" style="width: 100%">
<p align="center"style="width: 92px; height: 32px; font-family: Arial, Helvetica, sans-serif; font-size: 20px; color: #EFF1F6;" class="style1"></p>
</div>

</body>

Ответы

Ответ 1

Для начала вы можете использовать:

<body style="margin:0;padding:0">

Как только вы немного изучите css, вы можете изменить его на:

body {margin:0;padding:0}

в таблице стилей.

Ответ 2

Html для контента, CSS для стиля

<body style='margin-top:0;margin-left:0;margin-right:0;'>

Ответ 3

Да, CSS-праймер здесь не повредит, так что вы можете сделать две вещи: 1 - в тегах вашего html вы можете открыть тег стиля следующим образом:

<style type="text/css">
  body {
   margin: 0px;
  }
  /*
   * this is the same as writing
   * body { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px;}
   * I'm adding px here for clarity sake but the unit is not really needed if you have 0
   * look into em, pt and % for other unit types 
   * the rules are always clockwise: top, right, bottom, left
  */
</style>

2- выше, но будет работать только на странице, на которой вы вставляете этот код, поэтому, если вы хотите повторно использовать это в 10 файлах, вам придется скопировать его на все 10 файлов, и если вы захотите сделайте изменение, скажем, имейте запас в 5 пикселей вместо этого, вам придется открыть все эти файлы и внести изменения. Поэтому использование внешней таблицы стилей является золотым правилом в кодировании переднего конца. Поэтому сохраните декларацию тела в отдельном файле с именем style.css, например, и вместо этого добавьте это в свой html:

<link rel="stylesheet" type="text/css" href="style.css"/>

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

Ответ 4

Вам нужно использовать css. Это то, как современный веб-дизайн делает все.

Это базовая css.

Ваш html файл будет выглядеть так:

(действительно простой html)

    <html>
    <head>
    <link rel="stylesheet" type="text/css" href="mystyle.css" />
    </head>
    <body>
    </body>
    <html>

Ваш файл css (mystyle.css) будет выглядеть так:

body 
{
 margin-top:0px;
 margin-left:0px;
 margin-right:0px;

}

Ответ 5

Попробуйте использовать CSS.

body {
   margin: 0 0 auto 0;
}

Порядок по часовой стрелке сверху, поэтому top right bottom left.

Ответ 6

Я надеюсь, что это будет полезно. Если я понял проблему

html{
     background-color:green;
}

body {
    position:relative; 
    left:200px;    
    background-color:red;
}
div{
    position:relative;  
    left:100px;
    width:100px;
    height:100px;
    background-color:blue;
}

http://jsfiddle.net/6M6ZQ/

Ответ 7

<body topmargin="0" leftmargin="0" rightmargin="0">

Я не уверен, где вы это читаете, но это общепринятый способ настройки стилей CSS:

<body style="margin-top: 0px; margin-left: 0px; margin-right: 0px;">

И с таблицей стилей:

body
{
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
}

Ответ 8

Я бы сказал: (простой ноль будет работать, 0px - нуль;))

<body style="margin: 0;">

, но, возможно, что-то перезаписывает ваш css. (присваивает вам другой стиль;))

Если вы используете Firefox - проверьте плагин firebug.

И в Chrome - просто щелкните правой кнопкой мыши на странице и выберите "проверить элемент" в меню. Найдите BODY в дереве элементов и проверьте его свойства.