Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

Футер съел контент


Recommended Posts

Футер полез наверх, все его стили прописались основному контенту и ещё он посунул другие элементы страницы. Серой должна была быть только нижняя часть страницы, и цвет текста изменился. Может кто знает как это исправить?

Безымяннaaaый.png

Безымянный.png

Змінено користувачем FreedJustine
Надіслати
Поділитися на інших сайтах


Только что, FreedJustine сказал:

А вы посмотрите на верх страницы, там всё друг на друге лежит

 

я имею в виду в коде. Исходник на первый взгляд ошибок не имеет, css вроде бы тоже без явных косяков, незакрытых скобок и т.д.

Надіслати
Поділитися на інших сайтах

17 минут назад, Vetroff сказал:

 

я имею в виду в коде. Исходник на первый взгляд ошибок не имеет, css вроде бы тоже без явных косяков, незакрытых скобок и т.д.

нет пвсевдо элементов, из за этого бутстрап перекосило

P.S залейте файл bootstrap.min.css из чистой сборки, и все поправится

Змінено користувачем Pavel666
  • +1 1
Надіслати
Поділитися на інших сайтах

8 минут назад, Pavel666 сказал:

нет пвсевдо элементов, из за этого бутстрап перекосило

P.S залейте файл bootstrap.min.css из чистой сборки, и все поправится

Что значит из чистой сборки?

Надіслати
Поділитися на інших сайтах


2 минуты назад, FreedJustine сказал:

Что значит из чистой сборки?

 

да то и значит, из чистого дистрибутива, дефолтного шаблона. 

Надіслати
Поділитися на інших сайтах

там со стилями напутано, похоже
или тэг не закрыт
вот, к примеру, если временно отменить
@media (min-width: 768px)
bootstrap.min.css:5
.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
  1. /* float: left; */
}
то контент становится виден
 
 
Змінено користувачем jaffagold
Надіслати
Поділитися на інших сайтах


Только что, jaffagold сказал:
там со стилями напутано, похоже
или тэг не закрыт
вот, к примеру, если временно отменить
@media (min-width: 768px)
bootstrap.min.css:5
.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
  1. /* float: left; */
}
то контент становится виден
 
 

ну да, вы отменили float и элементы вернулись в поток, однако это не решает проблему, в том числе на других разрешениях

Надіслати
Поділитися на інших сайтах

показал, что влияет.

А влияет потому, что присвоили класс ненужный

Тем самым вывели из потока div#content

Убрать  у div id="content" class="col-sm-12"

Попробуйте в инспекторе кода сами

или его надо поместить в div.row

 

стандартно

div.container

  div.row

    div#content.col-xs-12

хм.. что-то я погорячился...

ща вникну

 

 

Змінено користувачем jaffagold
Надіслати
Поділитися на інших сайтах


56 минут назад, Pavel666 сказал:

нет пвсевдо элементов, из за этого бутстрап перекосило

P.S залейте файл bootstrap.min.css из чистой сборки, и все поправится

Не помогло(

Надіслати
Поділитися на інших сайтах


Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз
  • Зараз на сторінці   0 користувачів

    • Ні користувачів, які переглядиють цю сторінку
×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.