Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > HTML и CSS
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 13.01.2017, 19:34   #1
Konark
Пользователь
 
Регистрация: 19.07.2011
Сообщений: 27
По умолчанию Один блок налезает на другой (адаптивная верстка)

Добрый вечер.
Учусь адаптивной верстки, по сути легко (просто для определенного размера экрана задать другие стили, немного переделанные под мобильные девайсы). Но, вроде бы все хорошо, все легко и тут столкнулся с проблемой. Один блок налезает на другой, хотя все флоаты вроде как убрал. Может я чего не вижу... Вот, прошу помощи
Скрин проблемы:
56965048c24541c887074dc442300979.png

Ссылка на тестовый сайт: http://konark.esy.es/SiteExamples/GreenSite/

И мастера адаптивной верстки, что еще не так в моих начинаниях?
Буду благодарен за ответы!

P.S.: Чтобы долго не искать, проблемный блок contact в блоке post-contact.

Архив проекта, так как код не влезает в сообщение.
GreenSite.rar
Konark вне форума Ответить с цитированием
Старый 13.01.2017, 22:07   #2
Konark
Пользователь
 
Регистрация: 19.07.2011
Сообщений: 27
По умолчанию

Решил проблему.

Код:
.content {
float: left;
height: 100%;
}
Konark вне форума Ответить с цитированием
Старый 14.01.2017, 05:07   #3
Naive
Раздолбайских Дел
Старожил
 
Аватар для Naive
 
Регистрация: 22.05.2009
Сообщений: 3,828
По умолчанию

Цитата:
Сообщение от Konark Посмотреть сообщение
Решил проблему.

Код:
.content {
float: left;
height: 100%;
}
Адаптивная верстка™
Alar, верни репу!
Naive вне форума Ответить с цитированием
Старый 14.01.2017, 16:35   #4
SiarheiSiarhei
Новичок
Джуниор
 
Регистрация: 14.01.2017
Сообщений: 1
По умолчанию

Замени
position: absolute или fixed;
на
position: relative;
SiarheiSiarhei вне форума Ответить с цитированием
Старый 14.01.2017, 17:31   #5
Konark
Пользователь
 
Регистрация: 19.07.2011
Сообщений: 27
По умолчанию

Цитата:
Сообщение от Naive Посмотреть сообщение
Адаптивная верстка™
Ну, не опытный я... Забыл переопределить стили.

Цитата:
Сообщение от SiarheiSiarhei Посмотреть сообщение
Замени
position: absolute или fixed;
на
position: relative;
Зачем?
Konark вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Адаптивная верстка и активное изображение werwolf4 HTML и CSS 2 17.06.2016 21:45
Адаптивная верстка на Бутстрапе Capz HTML и CSS 1 26.03.2015 09:50
Адаптивная верстка kostya67 HTML и CSS 3 01.02.2015 10:53
Адаптивная верстка сайта Андрей79 HTML и CSS 0 05.04.2014 18:16
Записать в микрофон один текст и другой, а потом пустить один текст в правый канал, а другой - в левый FAN2010 Помощь студентам 6 18.04.2011 17:00