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

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

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

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

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

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

Я только начал изучать 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 Кб, 10 просмотров)
Тип файла: zip Архив ZIP - WinRAR.zip (2.6 Кб, 9 просмотров)

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

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

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

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


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

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

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