|
0 / 0 / 0
Регистрация: 14.01.2013
Сообщений: 7
|
|
Футер заезжает под контент14.01.2013, 22:35. Показов 15326. Ответов 16
Метки нет (Все метки)
Задача: создать SEO адаптированный шаблон.
Проблема: футер заходит под контент при уменьшении окна браузера по вертикали. Вот пример Большая просьба указать на ошибки, если таковые имеются или помочь хотя бы ссылкой на аналогичную проблему. Заранее благодарен.
0
|
|
| 14.01.2013, 22:35 | |
|
Ответы с готовыми решениями:
16
Контент заезжает под блок меню Подвал заезжает на контент
|
|
8 / 8 / 0
Регистрация: 15.11.2012
Сообщений: 102
|
|
| 15.01.2013, 00:09 | |
|
отступ сделайте своему блоку снизу на котороый наезжает футер,чуть больше по высоте отступ чем сам футер, padding-bottom:
0
|
|
|
0 / 0 / 0
Регистрация: 14.01.2013
Сообщений: 7
|
|
| 15.01.2013, 00:40 [ТС] | |
|
Не помогает, пробовал.
Добавлено через 23 минуты Если бы заранее была известна высота блока main, то, устанавливая высоту класса separator (взять сумму всех блоков), все бы получилось. Но в связи с полным отсутствием знаний в JS, для меня это сделать не представляется возможным. А без использования JS мне кажется ничего выйдет.
0
|
|
|
html + css = камасутра
|
|||||||||||
| 15.01.2013, 08:48 | |||||||||||
|
Я смотрел твою работу, скажу честно, она в ужасном состоянии.
возмем простой пример.
0
|
|||||||||||
|
0 / 0 / 0
Регистрация: 14.01.2013
Сообщений: 7
|
|
| 15.01.2013, 10:33 [ТС] | |
|
Честно говоря, что в моей работе ужасного я так и не понял )). По поводу margin-top и margin-bottom - это же самое, только вид сбоку )) т.е. стакан наполовину пуст или наполовину полон. Задача макета состоит в том, чтобы блок контента шел ОБЯЗАТЕЛЬНО сверху, т.к. структура сайта будет построена таким образом: тег Н1 идет в контенте (блок main), затем в слайдере идет Н2, в блоке short будет Н3. Именно поэтому приходится средствами CSS загонять блок main вверх, а остальные опускать. Еще раз повторюсь, это необходимо для SEO адаптации. Т.е берем простой шаблон с прижатым футером и надо попытаться распределить 4 блока по вертикали в нужной последовательности. Вот это и было сделано, после чего возникла проблема с футером, который заезжает под контент.
0
|
|
|
0 / 0 / 0
Регистрация: 14.01.2013
Сообщений: 7
|
|||||||||||
| 15.01.2013, 10:42 [ТС] | |||||||||||
|
код в первом сообщении по ссылке "пример" )) но на всякий случай приведу его здесь. Итак, начну с CSS
0
|
|||||||||||
|
html + css = камасутра
|
|||||||||||
| 15.01.2013, 10:54 | |||||||||||
|
Вся проблема была в том что ты каждому блоку даешь position:absolute;
Поэтому и возникали такие проблемы. И лучше первоначально засунуть все в блоки в 1 ин, и всем разом дать margin: auto; Сам код написан очень не грамотно, надеюсь ты воспримешь мои слова как совет к дальнейшему развитию, а не оскорблению. Можешь посмотреть результаты моих изменений ТУТ Перед тек как скопировать и установить весь код к себе.
0
|
|||||||||||
|
0 / 0 / 0
Регистрация: 14.01.2013
Сообщений: 7
|
|
| 15.01.2013, 11:15 [ТС] | |
|
Да я не обижаюсь, и не оскорбляюсь )) Приведенный исправленный код не работает. И все блоки, итак засунуты в один )) Это wrapper.
0
|
|
|
0 / 0 / 0
Регистрация: 14.01.2013
Сообщений: 7
|
||||||
| 15.01.2013, 11:30 [ТС] | ||||||
|
Возможно задача не совсем ясна. Постараюсь объяснить еще раз:
Отображение в браузере должно быть именно таким, как по ссылке. А вот сам код должен иметь строгую последовательность:
Т.е для посетителей сайта вид один, а для робота другой. Посетитель видит сначала сверху вниз - header, затем slider, short и контент, а для робота мне необходимо контент засунуть вверх! Т.е если нажать правой кнопочкой мышки просмотр HTML кода, то вывод следующий - сначала main (контент), а затем остальное.
0
|
||||||
|
0 / 0 / 0
Регистрация: 14.01.2013
Сообщений: 7
|
||
| 15.01.2013, 13:49 [ТС] | ||
|
Добавлено через 26 минут Специально создал еще одну страницу, где определил высоту блока main в 200px и добавил еще один класс sizewindow с высотой в 500px (сумма высот блоков main, slider, short, header). Вот этом случае все работает правильно. Т.к. в JS я абсолютный ноль, то подскажите, как с его помощью задать высоту для класса sizewindow равную высоте окна клиентского браузера за вычетом высоты футера. Или можно будет вычислять высоту блока main и задавать ее принудительно (высота окна браузера минус высота футера, хедера, слайдера, шорта) Только если можно подробно, прям с примером. Функция в JS - document.body.clientHeight.
0
|
||
|
Develo0per
|
||||||||||||||||
| 15.01.2013, 14:59 | ||||||||||||||||
|
Вот с таким древом всё работает...
Добавлено через 2 минуты +++
0
|
||||||||||||||||
|
0 / 0 / 0
Регистрация: 06.09.2018
Сообщений: 1
|
|
| 06.09.2018, 10:23 | |
|
доброго всем времени суток у меня тоже проблема модуль слайда наезжает на футер но доступа к сайтк у меня через админку там тока код самого слайда и футера вот ссылка http://technotex-m.com/
помогите ПЖ
0
|
|
|
0 / 0 / 0
Регистрация: 24.11.2020
Сообщений: 3
|
|||||||||||
| 04.03.2021, 15:26 | |||||||||||
|
Еще один способ.
0
|
|||||||||||
| 04.03.2021, 15:26 | |
|
Помогаю со студенческими работами здесь
17
Контент уходит за футер Контент налезает на футер Футер налазит на контент Контент налазит на футер! Прилепить контент вправо и футер вниз Искать еще темы с ответами Или воспользуйтесь поиском по форуму: |
|
Новые блоги и статьи
|
|||
|
Реалии
Hrethgir 01.03.2026
Нет, я не закончил до сих пор симулятор. Эта задача сложнее. Не получилось уйти в плавсостав, но оно и к лучшему, возможно. Точнее получалось - но сварщиком в палубную команду, а это значит, в моём. . .
|
Ритм жизни
kumehtar 27.02.2026
Иногда приходится жить в ритме, где дел становится всё больше, а вовлечения в происходящее — всё меньше. Плотный график не даёт вниманию закрепиться ни на одном событии. Утро начинается с быстрых,. . .
|
SDL3 для Web (WebAssembly): Сборка библиотек: SDL3, Box2D, FreeType, SDL3_ttf, SDL3_mixer и SDL3_image из исходников с помощью CMake и Emscripten
8Observer8 27.02.2026
Недавно вышла версия 3. 4. 2 библиотеки SDL3. На странице официальной релиза доступны исходники, готовые DLL (для x86, x64, arm64), а также библиотеки для разработки под Android, MinGW и Visual Studio. . . .
|
SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами
8Observer8 20.02.2026
Содержание блога
Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .
|
|
Конвертировать закладки radiotray-ng в m3u-плейлист
damix 19.02.2026
Это можно сделать скриптом для PowerShell. Использование
. \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json>
Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом.
# Check if. . .
|
Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI
Eddy_Em 18.02.2026
Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так:
https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347
Основана на STM32F303RBT6.
На борту пять. . .
|
Камера Toupcam IUA500KMA
Eddy_Em 12.02.2026
Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .
|
И ясному Солнцу
zbw 12.02.2026
И ясному Солнцу,
и светлой Луне.
В мире
покоя нет
и люди
не могут жить в тишине.
А жить им немного лет.
|