Как убрать отступы, создающиеся по краям сайта? [закрыт]
Хотите улучшить этот вопрос? Переформулируйте вопрос так, чтобы он был сосредоточен только на одной проблеме.
Закрыт 7 лет назад .
Мучают белые полоски отступов, портящие внешний вид моего сайта. Как от них следует избавляться?
Отслеживать
user181100
задан 7 ноя 2016 в 12:38
181 1 1 золотой знак 1 1 серебряный знак 11 11 бронзовых знаков
Напрашивается ответ «узнать чем они вызваны и убрать это». Но сделать это можете только вы сами, ваш же проект, вам лучше знать где что.
– user181100
7 ноя 2016 в 12:43
// Remove default margins, fix height html, body < height: 100%; margin: 0; padding: 0; >
3 янв 2017 в 12:48
2 ответа 2
Сортировка: Сброс на вариант по умолчанию
Еще это может быть margin у body, который задает user-agent (в chrome — это 8px). Попробуйте обнулить стили или как минимум margin у body.
Отслеживать
ответ дан 7 ноя 2016 в 12:51
3,354 10 10 серебряных знаков 14 14 бронзовых знаков
Если речь идет о шапке сайта(footer) которая заключена в div и вы хотите прижать её к краям экрана, то код CSS:
Эти свойства CSS могут помочь решить проблему, однако будьте осторожны с абсолютным позиционированием — для остальных элементов на странице ваш футер перестанет существовать и они могут повести себя непредсказуемо. Если absolute не подходит, попробуйте position:fixed;
Как убрать отступы вокруг формы?
Убрать отступы вокруг формы добавляемые браузером по умолчанию.
Решение
При добавлении формы через тег вокруг неё сверху и снизу автоматически добавляются отступы. Чтобы их убрать, используйте стилевое свойство margin с нулевым значением, добавляя его к селектору form , как показано в примере 1.
Пример 1. Нулевые отступы вокруг формы
HTML5 CSS 2.1 IE Cr Op Sa Fx
Отступы вокруг формы
Отступы заметны в тех случаях, когда форма располагается внутри других элементов страницы и влияет на их положение.
HTML по теме
CSS по теме
Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.
Популярные рецепты
Как добавить картинку на веб-страницу?
Как добавить иконку сайта в адресную строку браузера?
Как добавить фоновый рисунок на веб-страницу?
Как сделать обтекание картинки текстом?- Как растянуть фон на всю ширину окна?
- Как выровнять фотографию по центру веб-страницы?
Как разместить элементы списка горизонтально?
Как убрать подчеркивание у ссылок?
Как убрать маркеры в маркированном списке?
Как изменить расстояние между строками текста?
Как сделать, чтобы картинка менялась при наведении на нее курсора мыши?- Как открыть ссылку в новом окне?
Как убрать отступы между блоками css
Для того чтобы управлять внешними отступами, т.е. отступами между элементами на странице — необходимо использоваться свойство margin .
Свойство margin определяет внешний отступ на всех четырёх сторонах элемента. Это сокращение, которое устанавливает все отдельные поля одновременно: margin-top, margin-right, margin-bottom и margin-left.
Таким образом чтобы убрать отступы между элементами правильно задать margin в 0. Рассмотрим пример.
class="box">Блок №1 class="box">Блок №2 class="box">Блок №3 Применив стили ниже, блоки образуют одну колонку без отступов.
.red background-color: red; > .blue background-color: blue; > .green background-color: green; > .box height: 100px; width: 125px; margin: 0px; > Как убрать системные отступы?
https://jsfiddle.net/jndwsvyp/1/
Нигде не прописывал отступы, а белые полосы с боков и сверху есть, как это исправить и почему это возникло?
P.S. Предложения из серии:
margin: -8px;
не рассматриваются, потому что это колхоз.
- Вопрос задан более трёх лет назад
- 5210 просмотров
3 комментария
Простой 3 комментария
Rustam Bainazarov @SmthTo Куратор тега Вёрстка
Для этого есть любой reset.css.
SmthTo, ты принципиально ответы не пишешь в ответы, а только в комментарии?)
Rustam Bainazarov @SmthTo Куратор тега Вёрстка
Сергей Горячев, отвечу мемом: прост)))1)
Решения вопроса 1
Евгений Акулинин @forkhammer
Fullstack-разработчик (Django, Angular)
html, body
А вообще подключи reset.css
Ответ написан более трёх лет назад
Нравится 3 2 комментария
greg_13 @greg_13 Автор вопроса
Так, это сработало, но хотелось бы всё же уточнить, а как вообще эта проблема возникает?
И что за «reset.css»?
Евгений Акулинин @forkhammer
Отступы создает стандартный CSS, встроенный в браузер. У каждого браузера свой набор стилей по-умолчанию. Чтобы привести все к одному виду используют наборы стилей, например reset.css https://meyerweb.com/eric/tools/css/reset/
Ответы на вопрос 2
Марти Макфлай @alex_shevch
Frontend Developer
Каждый браузер устанавливает свои значения стилей по умолчанию для различных HTML-элементов. С помощью CSS Reset мы можем нивелировать эту разницу для обеспечения кроссбраузерности стилей.
https://marksheet.io/css/reset.css
Просто подключаешь эти стили для каждого нового проекта.