Форум Сайтостроение Веб-строительство

HTML\CSS отступы.

DavyJohnes
На сайте с 05.01.2011
Offline
84
DavyJohnes
424 


<html>

<head>

  <title>Test</title>

</head>

<body>

  <div style="background:#FF0000; width:100%;">asddddddddddddddasdasd</div>

</body>

</html

В результате блок div имеет отступы от верхней,левой и правой границ где то по 6px, откуда они взялись ? как их убрать ?

https://handy-tools.io (https://handy-tools.io) - Набор полезных утилит для всех!
LovelAss
На сайте с 05.06.2009
Offline
96
LovelAss
#1

Попробуйте это: 


<html>

<head>

<title>Test</title>



<style>

body {

  margin: 0;

}

</style>

</head>

<body>

  <div style="background:#FF0000; width:100%;">asddddddddddddddasdasd</div>

</body>

</html>
[Удален]
#2

margin: 0;

padding: 0;

может у родительского блока есть паддинги?

DavyJohnes
На сайте с 05.01.2011
Offline
84
DavyJohnes
#3
LovelAss:
Попробуйте это: 

<html>

<head>

<title>Test</title>



<style>

body {

  margin: 0;

}

</style>

</head>

<body>

  <div style="background:#FF0000; width:100%;">asddddddddddddddasdasd</div>

</body>

</html>

Пробовал - не работает.

yad0ff:
margin: 0;
padding: 0;

может у родительского блока есть паддинги?

Пробовал, нету.

Olldman
На сайте с 21.04.2010
Offline
79
Olldman
#4

1. Прописать !DOCTYPE и не обрезанный, а как положено

2. в стили: *{margin:0px;padding:0px;}

Алексей Барыкин
На сайте с 04.02.2008
Offline
272
Алексей Барыкин
#5

Копайте в сторону reset.css

Каждый браузер устанавливает свои значения стилей по умолчанию для различных HTML-элементов. С помощью CSS Reset мы можем нивелировать эту разницу для обеспечения кроссбраузерности стилей.

http://habrahabr.ru/blogs/css/45296/

https://adminbook.ru/
S
На сайте с 28.10.2005
Offline
319
semenov
#6 


<html>

<head>

<title>Test</title>



<style>

html, body {

  margin:0;

  padding:0;

}

</style>

</head>

<body>

  <div style="background:#FF0000; width:100%;">asddddddddddddddasdasd</div>

</body>

</html>

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий