|
Вопрос по адаптации сайта на системе uCoz
|
|
| Rinat1990 | Пятница, 24 Марта 2017, 10:33 | Сообщение 1 |
| Ребята такой вопрос. Имею сайт! Шаблон адаптивный! Но почему то материалы наследуют большинство стилей адаптации из прописки под разрешение экрана 1920х1080. как мне победить сие недоразумение?
| | [ RU ] |
| |
| Rinat1990 | Пятница, 24 Марта 2017, 10:35 | Сообщение 2 |
|
| Вот файлик адаптации css
Прикрепления:
__.txt
(14.5 Kb)
| | [ RU ] |
| |
| waak | Пятница, 24 Марта 2017, 11:22 | Сообщение 3 |
| Rinat1990, вам не файлик нужно кидать а ссылку на сайт где проблема
| | [ RU ] |
| |
| Rinat1990 | Пятница, 24 Марта 2017, 13:28 | Сообщение 4 |
|
| waak, Оооо! Привет! Сайт ты мой знаешь! Вот он: Ссылка
| | [ RU ] |
| |
| waak | Пятница, 24 Марта 2017, 15:30 | Сообщение 5 |
|
| Rinat1990, Привет! я же тебе делал это уже! а ты его сломал! как тебе не стыдно! 
блоки тоже поставить в низ не смог я смотрю я же писал если не получится напиши мне на форуме когда буду свободен сделаю
| | [ RU ] |
| |
| Angerfist | Пятница, 24 Марта 2017, 15:33 | Сообщение 6 |
| Корень зла тут:
Код
<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, 15:43 | Сообщение 7 |
|
| Цитата 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, 15:47 | Сообщение 8 |
|
| waak, работа пакость такая не дает мне вплотную заниматься сайтом и уделять ему достаточно времени! Уж извини! Каюсь! Пытался сам разобраться но как видишь!:)))
| | [ RU ] |
| |
| waak | Пятница, 24 Марта 2017, 15:57 | Сообщение 9 |
|
| Цитата Rinat1990 ( ) waak, работа пакость такая не дает мне вплотную заниматься сайтом и уделять ему достаточно времени! Уж извини! Каюсь! Пытался сам разобраться но как видишь!:)))
Понятно а в новостях там не паддинг будет а margin-right: 320px; его тоже нужно убрать или сделать ноль
Код
#content_block_my {
margin-right: 320px;
}
| | [ RU ] |
| |
| Rinat1990 | Воскресенье, 26 Марта 2017, 12:05 | Сообщение 10 |
|
| еще вопросей один назрел! Из-за чего такое может быть?
 Добавлено (26.03.2017, 12:05)
---------------------------------------------
из-за чего обрезается часть материала?
| | [ RU ] |
| |
| Kosten | Воскресенье, 26 Марта 2017, 19:17 | Сообщение 11 |
| Rinat1990, в стилях посмотрите.
| | [ RU ] |
| |
| Rinat1990 | Понедельник, 27 Марта 2017, 06:34 | Сообщение 12 |
|
| ребята выручайте! Стили перелопатил! Вроде все норм теперь! Как мне чертов блок справа поднять? Он стоит внизу и если я его пытаюсь вверх поднять то внизу пустота остается! И футер сайта далеко внизу! как мне его поставить вровень с основными материалами сайта?
| | [ RU ] |
| |
| waak | Понедельник, 27 Марта 2017, 10:42 | Сообщение 13 |
|
| 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, 11:38 | Сообщение 14 |
|
| waak, благодарю. все получилось! Эххх криворукий я:))))
| | [ RU ] |
| |
