• Страница 1 из 1
  • 1
Модератор форума: -SAM-  
Форум » Веб-разработка » Вопросы про uCoz » Вопрос по адаптации сайта на системе uCoz
Вопрос по адаптации сайта на системе uCoz
Rinat1990
Пятница, 24 Марта 2017 | Сообщение 1
Оффлайн
Пользователи
Сообщений:65
Награды: 0
Ребята такой вопрос. Имею сайт! Шаблон адаптивный! Но почему то материалы наследуют большинство стилей адаптации из прописки под разрешение экрана 1920х1080. как мне победить сие недоразумение?
Страна: (RU)
Rinat1990
Пятница, 24 Марта 2017 | Сообщение 2
Оффлайн
Пользователи
Сообщений:65
Награды: 0
Вот файлик адаптации css
Прикрепления: __.txt (14.5 Kb)
Страна: (RU)
waak
Пятница, 24 Марта 2017 | Сообщение 3
Оффлайн
Заблокированные
Сообщений:588
Награды: 14
Rinat1990, вам не файлик нужно кидать а ссылку на сайт где проблема
Страна: (RU)
Rinat1990
Пятница, 24 Марта 2017 | Сообщение 4
Оффлайн
Пользователи
Сообщений:65
Награды: 0
waak, Оооо! Привет! Сайт ты мой знаешь! Вот он: Ссылка
Страна: (RU)
waak
Пятница, 24 Марта 2017 | Сообщение 5
Оффлайн
Заблокированные
Сообщений:588
Награды: 14
Rinat1990, Привет! я же тебе делал это уже! а ты его сломал! как тебе не стыдно! 04b
блоки тоже поставить в низ не смог я смотрю я же писал если не получится напиши мне на форуме когда буду свободен сделаю
Страна: (RU)
Angerfist
Пятница, 24 Марта 2017 | Сообщение 6
Оффлайн
Vip
Сообщений:767
Награды: 21
Корень зла тут:
Код

<style>

#content_block_my {position: absolute;overflow: hidden;padding-right: 320px;float: left;width: 100%;}
#right_block_my {
width: 250px;
position: ;
float:right;
margin-right: 55px;
}


@media only screen and (max-width:800px) {
#content_block_my {position: relative;padding-right: 0px;float: none;min-width: 100%;margin-bottom: 20px;}
#right_block_my {min-width: 100%;float: none;position: relative;right: 0px}
.itemImg {float: none;}
.itemstory:first-child, .itemstory {max-width: 100%;height: auto!important;}
.itemMore {position: relative;float: right;margin: 0px;display: block;padding: 8px;height: 30px !important; }
.itemComm {position: relative;right: 0px;padding: 8px;padding-left: 35px;}
}
</style>


No regrets
Страна: (RU)
waak
Пятница, 24 Марта 2017 | Сообщение 7
Оффлайн
Заблокированные
Сообщений:588
Награды: 14
Цитата Angerfist ()
Корень зла тут:

конкретнее он тут

Код
#content_block_my {padding-right: 320px;}

сделай ноль

и вот тут на сколько я помню я убирал left: 130px;

Код
.itemstory:first-child, .itemstory {
    max-width: 60%;
    height: 250px;
    position: relative;
    left: 130px;
}


но ты его вернул и по этому при адаптации у тебя вид материалов уходит в лево чтоб подвинуть материалы не нужно использовать такой метод просто сделай основному блоку макс ширину 1200рх и укажи margin: 10px auto;
и тогда вес блок будет по центру если экран больше 1200 а если меньше то будет растягиваться на всю ширину


Сообщение отредактировал
waak - Пятница, 24 Марта 2017, 15:50
Страна: (RU)
Rinat1990
Пятница, 24 Марта 2017 | Сообщение 8
Оффлайн
Пользователи
Сообщений:65
Награды: 0
waak, работа пакость такая не дает мне вплотную заниматься сайтом и уделять ему достаточно времени! Уж извини! Каюсь! Пытался сам разобраться но как видишь!:)))
Страна: (RU)
waak
Пятница, 24 Марта 2017 | Сообщение 9
Оффлайн
Заблокированные
Сообщений:588
Награды: 14
Цитата Rinat1990 ()
waak, работа пакость такая не дает мне вплотную заниматься сайтом и уделять ему достаточно времени! Уж извини! Каюсь! Пытался сам разобраться но как видишь!:)))

Понятно а в новостях там не паддинг будет а margin-right: 320px; его тоже нужно убрать или сделать ноль
Код

#content_block_my {
    margin-right: 320px;
}
Страна: (RU)
Rinat1990
Воскресенье, 26 Марта 2017 | Сообщение 10
Оффлайн
Пользователи
Сообщений:65
Награды: 0
еще вопросей один назрел! Из-за чего такое может быть?

Добавлено (26.03.2017, 12:05)
---------------------------------------------
из-за чего обрезается часть материала?

Прикрепления: 6924796.jpg (34.7 Kb)
Страна: (RU)
Kosten
Воскресенье, 26 Марта 2017 | Сообщение 11
Оффлайн
Администраторы
Сообщений:44267
Награды: 70
Rinat1990, в стилях посмотрите.
Страна: (RU)
Rinat1990
Понедельник, 27 Марта 2017 | Сообщение 12
Оффлайн
Пользователи
Сообщений:65
Награды: 0
ребята выручайте! Стили перелопатил! Вроде все норм теперь! Как мне чертов блок справа поднять? Он стоит внизу и если я его пытаюсь вверх поднять то внизу пустота остается! И футер сайта далеко внизу! как мне его поставить вровень с основными материалами сайта?

Прикрепления: 6254576.jpg (171.6 Kb)
Страна: (RU)
waak
Понедельник, 27 Марта 2017 | Сообщение 13
Оффлайн
Заблокированные
Сообщений:588
Награды: 14
Rinat1990,
Это что вы наделали?
Код

.right_block_my {
    min-width: 45%;
    float: none;
    position: relative;
    right: -980px;
    bottom: 1500px;
}

если нужен отступ с право то добавьте к
Код

.right_block_my {

    min-width: 250px;
    position: absolute;
    top: 0;
    right: 0;

}


зачем эти отступы? вот так можно просто сделать right: в место 0 то число на сколько нужно отступит

так же этим способом мы сохраним адаптацию пусть и не полную


Сообщение отредактировал
waak - Понедельник, 27 Марта 2017, 10:46
Страна: (RU)
Rinat1990
Понедельник, 27 Марта 2017 | Сообщение 14
Оффлайн
Пользователи
Сообщений:65
Награды: 0
waak, благодарю. все получилось! Эххх криворукий я:))))
Страна: (RU)
Форум » Веб-разработка » Вопросы про uCoz » Вопрос по адаптации сайта на системе uCoz
  • Страница 1 из 1
  • 1
Поиск: