С Новым годом! Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 5.00/5: Рейтинг темы: голосов - 5, средняя оценка - 5.00
0 / 0 / 0
Регистрация: 11.07.2013
Сообщений: 14

Образовался отступ после bg

18.07.2014, 00:57. Показов 996. Ответов 2
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
В общем проблема в том, что образовался отступ после bg, но его не видно, если не пролистать вправо!
Все маргины и паддингы занулины.
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<!DOCTYPE html>
<html>
<head>
<meta name="description" content="CSS Tabs" />
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/normalize/2.0.1/normalize.css">
<link href='http://fonts.googleapis.com/css?family=Ubuntu' rel='stylesheet' type='text/css'>
<link type="text/css" rel="stylesheet" href="css/style.css">
<title>CSS Tabs</title>
<meta charset=utf-8>
</head>
<body>
 <div id="page">
    <div id="info">
        <div id="header">
         <p id="title">Text</p>
        </div>
    </div>
</div>
<script src="http://cdnjs.cloudflare.com/ajax/libs/prefixfree/1.0.6/prefixfree.min.js"></script>
</body>
</html>
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
* {
    box-sizing: border-box;
    margin:0;
    padding:0;
}
body {
    background: #bababa;
    color: #eee;
    font: 15px'Ubuntu', sans-serif;
    width: auto;
}
 
#info{
    background-image: url(/image/1.png);
    background-size: 100%;
    background-repeat: no-repeat;
    height: 500px;
}
 
#header {
    height: 30px;
    background-color: rgba(0, 0, 0, 0.3);
    box-shadow: 0px 1px 3px #rgba(0, 0, 0, 0.5);
}
#title {
    font-weight: 600 bold;
    font-size: 30px;
    position: relative;
    left: 50px;
}
Миниатюры
Образовался отступ после bg  
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
18.07.2014, 00:57
Ответы с готовыми решениями:

Отступ после reCAPTCHA
Имеется два, прилегающих друг к другу, блока ... &lt;DIV id=&quot;content&quot;&gt;&lt;/DIV&gt; &lt;DIV id=&quot;footer&quot;&gt;&lt;/DIV&gt; ...

Убрать отступ после футера
Не могу разобраться, от чего появляется расстояние после футера?(обозначено коричневой стрелкой) и еще вопрос,относящийся к красной...

Появляется отступ после вставки php
Всем привет. Подключаю небольшой код PHP или HTML к странице на HTML С помощью вот такого кода: &lt;?php include...

2
368 / 406 / 165
Регистрация: 29.05.2014
Сообщений: 1,494
18.07.2014, 01:31
#title {
font-weight: 600 bold;
font-size: 30px;
position: relative;
left: 50px;
}
1
0 / 0 / 0
Регистрация: 11.07.2013
Сообщений: 14
18.07.2014, 12:35  [ТС]
Спасибо большое! Заменил на левый маргин, всё работает аналогично!!!
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
18.07.2014, 12:35
Помогаю со студенческими работами здесь

Большой отступ после изображения, Bootstrap
Почему идет такой большой отступ после .jpg? html code.. &lt;!DOCTYPE html&gt; &lt;html lang=&quot;en&quot;&gt; &lt;head&gt; &lt;meta...

Отступ перед header и после footer
Здравствуйте! Столкнулся вот с какой проблемой. Перед верхней частью сайта и после нижней - большие отступы (при этом margin:0...

Отступ сверху после удаления
Есть скрипт на добавление нумерации строк и удаление строчки. Замечено, что после удаления строки, нижняя строка делает отступ сверху на...

Образовался спор с учителем информатики
На экзамене по информатике попалось задание: Выполнил я его следующим образом: Код Задание не засчитали полностью, засчитали...

Автоматический отступ после определенного количества символов
Уважаемые форумчане, дело вот в чем: Как сделать в С# так, чтобы RichTextBox делал отступ после определенного количества символов при...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Новые блоги и статьи
Модель микоризы: классовый агентный подход 3
anaschu 06.01.2026
aa0a7f55b50dd51c5ec569d2d10c54f6/ O1rJuneU_ls https:/ / vkvideo. ru/ video-115721503_456239114
Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR
ФедосеевПавел 06.01.2026
Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ВВЕДЕНИЕ Введу сокращения: аналоговый ПИД — ПИД регулятор с управляющим выходом в виде числа в диапазоне от 0% до. . .
Модель микоризы: классовый агентный подход 2
anaschu 06.01.2026
репозиторий https:/ / github. com/ shumilovas/ fungi ветка по-частям. коммит Create переделка под биомассу. txt вход sc, но sm считается внутри мицелия. кстати, обьем тоже должен там считаться. . . .
Расчёт токов в цепи постоянного тока
igorrr37 05.01.2026
/ * Дана цепь постоянного тока с сопротивлениями и напряжениями. Надо найти токи в ветвях. Программа составляет систему уравнений по 1 и 2 законам Кирхгофа и решает её. Последовательность действий:. . .
Новый CodeBlocs. Версия 25.03
palva 04.01.2026
Оказывается, недавно вышла новая версия CodeBlocks за номером 25. 03. Когда-то давно я возился с только что вышедшей тогда версией 20. 03. С тех пор я давно снёс всё с компьютера и забыл. Теперь. . .
Модель микоризы: классовый агентный подход
anaschu 02.01.2026
Раньше это было два гриба и бактерия. Теперь три гриба, растение. И на уровне агентов добавится между грибами или бактериями взаимодействий. До того я пробовал подход через многомерные массивы,. . .
Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост.
Programma_Boinc 28.12.2025
Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Налог на собак: https:/ / **********/ gallery/ V06K53e Финансовый отчет в Excel: https:/ / **********/ gallery/ bKBkQFf Пост отсюда. . .
Кто-нибудь знает, где можно бесплатно получить настольный компьютер или ноутбук? США.
Programma_Boinc 26.12.2025
Нашел на реддите интересную статью под названием Anyone know where to get a free Desktop or Laptop? Ниже её машинный перевод. После долгих разбирательств я наконец-то вернула себе. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru