Форум программистов, компьютерный форум, киберфорум
Наши страницы
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.95/22: Рейтинг темы: голосов - 22, средняя оценка - 4.95
flame1251
0 / 0 / 1
Регистрация: 13.07.2014
Сообщений: 17
1

Отступ перед header и после footer

13.07.2014, 18:02. Просмотров 4285. Ответов 12
Метки нет (Все метки)

Здравствуйте!

Столкнулся вот с какой проблемой. Перед верхней частью сайта и после нижней - большие отступы (при этом margin:0 прописано), сетовал на рекламный элемент от наглого бесплатного хостинга, который делает такой отступ, но может быть дело не в нем. Отступ почему-то не виден с AdBlock. Виден во всех браузерах. Сразу дам ссылку на сайт. Проблему очень хочется решить, я не силен в CSS и уже несколько дней угробил на это (а техподдержке хостинга на такое - да и на все - пофиг).
0
Лучшие ответы (1)
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
13.07.2014, 18:02
Ответы с готовыми решениями:

<header> и <footer>
С моим футером творится, что-то непонятное. Выбрал одинаковый цвет для них...

Как растянуть header и footer
Как heder и footer растянуть, чтобы при уменьшении страницы, чтобы верх и низ...

Почему footer поднялся к header?
Почему footer поднялся к header? &lt;!DOCTYPE html&gt; &lt;html lang=&quot;en&quot;&gt; &lt;head&gt; ...

header, резиновый content, footer
Задача: Header 120px; Резиновый content (может быть и несколько строчек...

Растянуть содержимое между header и footer
Здравствуйте, необходимо сделать примерно следующее: ...

12
aim777
19 / 19 / 12
Регистрация: 13.07.2014
Сообщений: 102
13.07.2014, 21:29 2
flame1251, не вижу проблемы. Перед хэдером навигация и поиск. После футера ничего нет. Отступов не вижу. Сделайте скрин, покажите нагляднее
0
flame1251
0 / 0 / 1
Регистрация: 13.07.2014
Сообщений: 17
14.07.2014, 12:21  [ТС] 3
aim777, спасибо, что посмотрели. А Вы точно отключали AdBlock или иной блокировщик рекламы? Эта проблема, как ни странно, проявляется без него.

Скриншот вот, проблемное место не обводил, думаю, сразу видно. Отступ появляется перед большими, основными кнопками в хэдере.

Добавлено через 12 минут
Из ответа, который я получил от представителя системы, когда написал ему в личку, я понял, что я "не только могу себе позволить отключить рекламу", но и что сдвиг дизайна вполне может быть вызван рекламным элементом - у меня есть подозрение, что вот этим, только дизайн надо адаптировать...

Добавлено через 6 минут
Когда я добавляю margin:-10px в CSS, вот сюда -
CSS
1
html,body{width:100%;height:100%;margin:-10px;padding:0}
, то я устраняю сдвиг вверху, но тогда отступ под футером остается, и к тому же появляется отступ справа от футера.

Хотелось бы вот так поднять хэдер, но чтобы футер не искажался.

Добавлено через 1 минуту
И то даже не всегда с margin:-10px поднимается дизайн, через раз если обновлять страницу.
0
BarbosLV
363 / 401 / 165
Регистрация: 29.05.2014
Сообщений: 1,494
14.07.2014, 12:53 4
Посмотрел во всех доступных браузерах эффект как на картинке нигде не наблюдается. Конечно криво косо но без указанных багов. Либо глюк плавающий и действительно зависит от рекламы которая подгружается, либо он вообще из за какогото плагина в твоём браузере. А этот свой margin:-15, в боди - убери!
1
flame1251
0 / 0 / 1
Регистрация: 13.07.2014
Сообщений: 17
14.07.2014, 12:55  [ТС] 5
margin:-15 убрал. Во всех доступных браузерах пробовали отключить блокировщики рекламы? У меня без AdBlock глюк отображается стабильно. Запускал браузер и без плагинов (у меня FF, пробовал и на Opera). Про "криво-косо" большое спасибо, очень приятно. Я даже нажму за это на кнопку "спасибо", т.к. у Вас в подписи указано, что Вы работаете за "спасибо".
0
aim777
19 / 19 / 12
Регистрация: 13.07.2014
Сообщений: 102
14.07.2014, 13:17 6
Лучший ответ Сообщение было отмечено flame1251 как решение

Решение

flame1251, блокировщиков рекламы у меня нет, но ни в одном браузере не увидел отступов. У вас отступ действительно появляется из за рекламы партнерки smaclick. Но почему она отображается только у вас? Либо какое-то дополнение в вашем браузере, либо вирус.

В body добавлять margin:-10 действительно не стоит. Попробуйте лучше обернуть все содержимое страницы в div и задайте этому див margin. Но вам нужно задать только отступ сверху, а не ото всех краев, поэтому margin-top, а не просто margin. Если это приведет к отступу после футера, добавьте футеру свойство margin-top:10 (т.е. такой же отступ, но с положительным значением.) Если это не поможет, то попробуйте обернуть в div не всю страницу, а всё, кроме футера. Так сложно советовать вслепую. Вообщем, попробуйте как-то так:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Сайт</title>
 
    <style type="text/css">
        .wrapper{margin-top: -10px}
        .footer{margin-top:10px;}
    </style>
 
</head>
    <body>
        <div class="wrapper">
            <div class="content"> ... </div>
            <div class="footer"> ... </div>
        </div>      
    </body>
</html>
0
BarbosLV
363 / 401 / 165
Регистрация: 29.05.2014
Сообщений: 1,494
14.07.2014, 13:19 7
Да криво-косо поэтому и надо было убрать margin
Ну если ты не веришь что глюка нет:
Отступ перед header и после footer
0
flame1251
0 / 0 / 1
Регистрация: 13.07.2014
Сообщений: 17
14.07.2014, 14:07  [ТС] 8
aim777, большое спасибо за ответ, сейчас попробую. Про то, что отступ отображается только у меня - это интересная теория. Действительно, многие его не видят. Вирусов быть не должно (но не грех еще раз запустить сканер). Есть еще один вариант - может быть smaclick отображается для пользователей из конкретной страны, в данном случае Украины, а для России - нет. Еще подумал, что эта ерунда могла быть вшита в какой-то сторонний скрипт, например, кнопку подъема страницы, но там не нашел.

BarbosLV, верю.)

Добавлено через 40 минут
aim777, я последовал Вашей логике, только обернуть страницу у меня, кажется, не вышло, так как я не увидел результата, но зато отталкиваясь от этого я сделал вот что - в ПУ "Юкоза" можно редактировать код "Нижней части сайта", это как глобальный блок сделано, а нижняя часть прописана на каждой странице, так вот, в нижнюю часть сайта (футер) я вставил вот это:

HTML5
1
2
3
4
5
 <style>
   div {
    margin-bottom: 0px
   }
  </style>
И вроде помогло? У меня на FF ерунда пропала. Запустил снова через Opera - один раз испугался, опять было то же самое, после десятков перезагрузок страницы вроде уже нет.) В Chrome вроде тоже нормально. Только в IE (смотрел через Avant Browser) вообще все перекошено почему-то.

smaclick все-таки связана с "Юкозом", в коде отображённой страницы еще есть: <script src="http://ad.smaclick.com/uidsync" type="text/javascript"></script>, uid - так называется система авторизации этих пройдох.
0
aim777
19 / 19 / 12
Регистрация: 13.07.2014
Сообщений: 102
15.07.2014, 14:38 9
flame1251
Ну это вы.... какой-то сомнительный костыль прикрутили))) Ну раз работает, то.... Вообще, если можно вопрос - зачем вам укоз? Есть ведь очень недорогие хостинги по 100 рублей в месяц, например. И там не будет таких танцев с бубном. Есть масса бесплатных простых в освоении движков.
0
flame1251
0 / 0 / 1
Регистрация: 13.07.2014
Сообщений: 17
15.07.2014, 15:57  [ТС] 10
aim777, да, непонятно даже, как оно в футере подтягивает дизайн, но ведь и правда - работает.) Ох, "Юкоз" - это сложная тема, я просто очень хорошо освоился в этой системе, со многими вещами могу разобраться без проблем и реализовать их, а переходить на новый движок - это значит потратить какое-то время на то, чтобы во все вникнуть. Впрочем, у меня все равно в планах вникнуть в это, так как "Юкоз" - это не только очень удобная система с кучей возможностей, но также, к сожалению, полное игнорирование в лучшем случае, и неуважение в худшем со стороны техподдержки, наживающиеся на баннерах владельцы хостинга, сомнительные права на твой собственный сайт (захотели - удалили, им не жалко). Думаю, "Вордпресс" подойдет мне. (Кстати, если это не будет трудно и если это действительно интересно - буду рад, если напишите в личку, что думаете о движках сайта, сейчас эта тема меня интересует).
0
aim777
19 / 19 / 12
Регистрация: 13.07.2014
Сообщений: 102
15.07.2014, 16:54 11
flame1251, лично я использую ModX (Раньше evo, теперь перешел на revo). Удобный, гибкий и теперь уже очень привычный лично для меня. Про Wordpress могу сказать только хорошее, но лично я бы использовал его только для блогов, для чего он и был изначально создан. Его вполне можно использовать и под сайты другого типа, но просто мне лично привычнее и родне modx))

PS Как писать тут в лс, не разобрался(
1
Amestigon
15.07.2014, 17:50
  #12

Не по теме:

Цитата Сообщение от aim777 Посмотреть сообщение
лично я использую ModX
О коллега. :) Чистый и ничем не замутненный html+css это класс.

0
flame1251
16.07.2014, 02:25  [ТС]     Отступ перед header и после footer
  #13

Не по теме:

aim777, а если кликаете по стрелке у ника, у Вас есть "отправить личное сообщение"? Может для этого надо активировать аккаунт из почты? По поводу ModX - честно сказать, впервые слышу об этом движке, так как я мало что слышал о них, очень интересно, возьму на заметку. Но, наверное, начну работу именно с Wordpress, т.к. наслышан о его легкой установке и тому подобном, а мне все-таки легкость и быстрота изучения важны.)

0
16.07.2014, 02:25
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
16.07.2014, 02:25
Привет! Вот еще темы с ответами:

Разбить страницу на части (header, footer и т.п.)
Здравствуйте! Хочу научиться создавать динамические сайты на php (своими руками...

Загадочный отступ сверху от header
Здравствуйте! Не получается убрать отступ сверху от шапки сайта. На некоторых...

Убрать отступ перед шапкой
Скачал PSD шаблон, решил попробовать сверстать и застрял в самом начале. Перед...


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

Или воспользуйтесь поиском по форуму:
13
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru