Форум программистов
Реклама:
Гарантия безопасности сети с UTM-системой ИКС.
Защита ПД, межсетевой экран, контроль доступа, фильтрация трафика, система предотвращения вторжений.
Контакты: о проблемах с регистрацией, почтой и по другим вопросам пишите сюда - alarforum@yandex.ru, проверяйте папку спам! Обязательно пройдите активизацию e-mail.

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

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

Ответ
 
Опции темы
Старый 24.12.2016, 16:34   #1
kirill.grom
Новичок
 
Регистрация: 24.12.2016
Сообщений: 1
Репутация: 10
По умолчанию [Адаптивная вёрстка]. Не все блоки реагируют на изменение ширины окна

Я только начал изучать html5 и css3 не судите строго . Вообщем хотел сделать адаптивный дизайн , но столкнулся с проблему. Блоки которые располагаются по правой стороне браузера они не уменьшаются ,а блоки левой стороны спокойно реагируют на изменения экрана . Проверял код на валидаторе все написано правильно.Кому не сложно подскажите в чем может быть проблема ??

Код:

/*Контент сайта*/
.fon{
    background: #fff;
    border: 1px solid #ccc;
    border-top:none;
    padding: 40px;       
}
.fon hr.line {
    border: none;
    border-bottom: 1px dashed #ccc;
    margin: 20px 0;
    height: 0;
}
.block{
    width: 440px;
    float: left;
    
}
.block:nth-of-type(even){
    width: 440px;
    float: right;
}
.block a p{
    color: #272727;
}
.anons{
    background: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 20px;
   
}
.anons:hover{
    background: #e0eff4;
    border: 1px solid #bfd5dd;
    transition: all 1s;
}
.anons img{
     box-shadow: 1px 1px 5px #777;
}
.anons h3{
    font-size: 20px;
    margin: 20px 0 10px;
    color: #01617d;
    padding: 0;
    font-weight: normal;
    line-height: 20px;
}
.anons p{
   text-shadow: 1px 1px 0  #fff;
}
.rek{
    margin: 40px 0;
}
.rek img{
    background: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 3px;}
/*Адаптиный дизайн*/
@media screen and (max-width:999px){
    div.mid{width: 95%;}
    .afiha h3{font-size: 22px;}
    .block{ width:45%;}
    .anons img,.rek img{width: 100%;}
}

Вложения
Тип файла: rar сайт.rar (2.5 Кб, 1 просмотров)
Тип файла: zip Архив ZIP - WinRAR.zip (2.6 Кб, 0 просмотров)

Последний раз редактировалось Вадим Мошев; 24.12.2016 в 18:49.
kirill.grom вне форума   Ответить с цитированием
Старый 24.12.2016, 17:50   #2
Alar
Александр
Администратор
 
Аватар для Alar
 
Регистрация: 28.10.2006
Адрес: Химки
Сообщений: 11,905
Репутация: 2511
По умолчанию

пишите примеры в тему, редко кому хочется что-то качать чтобы посмотреть, архив только как дополнение.

+ у меня нет rar архиватора, я могу открыть только zip

заметили как вы сильно уменьшили круг возможных помогателей?
Alar вне форума   Ответить с цитированием
Ответ



Опции темы

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.

Быстрый переход




03:48.


Powered by vBulletin® Version 3.8.8 Beta 2
Copyright ©2000 - 2017, Jelsoft Enterprises Ltd.

купить трафик


как улучшить посещаемость, а также решения по монетизации сайтов, видео и приложений

RusProfile.ru


Справочник российских юридических лиц и организаций.
Проекты отопления, пеллетные котлы, бойлеры, радиаторы
интернет магазин respective.ru