17:00 

Последний вопрос

~Dusya~
Смотри в предрассветное небо и думай о чем-то хорошем, Стань яркой сверкающей радугой между грядущим и прошлым, И невозможное станет возможным в одном из Параллельных миров. (Fleur – Лунные лилии)
Вот вроде бы все получилось как хотела. Но смущает одна вещь.. Должно так быть или как-то это лечится?
На моем маленьком экране я все вижу правильно, но стоит частично свернуть окошко, как все фиксированные объекты (меню, боттом и кнопка "наверх") едут на поле записей. Вероятно, что так случится и с узким разрешением экрана.
Как должно:

Что случается:


@темы: отступы

Комментарии
2018-02-04 в 17:28 

Нэко
Лихо, не ходи в деревню, там СЫЧЕСЛАВ!©
Слушайте, пустите потом в ваш дневник хоть на пять минут — посмотреть дизайн, а? Я не буду ваши тайны там читать, просто сам дизайн «в работе» посмотреть любопытно.

2018-02-04 в 17:36 

~Dusya~
Смотри в предрассветное небо и думай о чем-то хорошем, Стань яркой сверкающей радугой между грядущим и прошлым, И невозможное станет возможным в одном из Параллельных миров. (Fleur – Лунные лилии)
Нэко, конечно заходите, у меня дневник публично открытый, нет тайн )) я просто его закрыла от всех, чтоб пока делаю никто не пугался всего кривого и поехавшего )

Отправлено из приложения Diary.ru для Android

2018-02-04 в 17:46 

~Erika
Победа! Честь! Судьба! Баранина!
~Dusya~, если у этих элементов стоит position: fixed - то да, так и должно быть.

2018-02-04 в 17:55 

~Dusya~
Смотри в предрассветное небо и думай о чем-то хорошем, Стань яркой сверкающей радугой между грядущим и прошлым, И невозможное станет возможным в одном из Параллельных миров. (Fleur – Лунные лилии)
~Erika, да, изначально хотела, чтоб с блоком записей на ездили. Что же тогда с этим делать? Посмотрела с планшета - совсем плачевно, все друг на друга уехало. А если релатив поставить, то поможет?
Я думала ошибка в каких-то отступах и размерах min max, но вот подобрать не вышло.

2018-02-04 в 18:13 

Кареглазый Демон
Ко мне на "ВЫ", шепотом и с придыханием...
А пустите меня, я подскажу.

2018-02-04 в 18:17 

Нэко
Лихо, не ходи в деревню, там СЫЧЕСЛАВ!©
на самом деле хочу вам посоветовать один читерский лайфхак, который лично мне помогает.
Идёте в сообщество дизайнов — либо к уже упоминавшемуся тут Кареглазый Демону, либо в это сообщество — берёте там какой-либо код из дизайнов, которые добрые мастера выкладывают безвозмездно, ииии… на его основе пишете своё. Так будет гораздо проще, как мне кажется.

2018-02-04 в 18:26 

~Dusya~
Смотри в предрассветное небо и думай о чем-то хорошем, Стань яркой сверкающей радугой между грядущим и прошлым, И невозможное станет возможным в одном из Параллельных миров. (Fleur – Лунные лилии)
L]~Erika[/L], хотелось, чтоб меню с птицей на нем и кнопка "вверх" не прокручивались с блоком, поэтому зафиксировала, а оно вон как..
Если иначе никак, придется попробовать.

2018-02-04 в 18:37 

~Erika
Победа! Честь! Судьба! Баранина!
Когда дайри тупят в самый нужный момент...
~Dusya~, если вам не нужно, чтобы эти элементы оставались на месте при прокрутке и вообще всегда были на экране - поставьте absolute и задайте нужные координаты с помощью top, left и тому подобных свойств.

2018-02-04 в 18:54 

~Dusya~
Смотри в предрассветное небо и думай о чем-то хорошем, Стань яркой сверкающей радугой между грядущим и прошлым, И невозможное станет возможным в одном из Параллельных миров. (Fleur – Лунные лилии)
да, что-то сильно тупят. Мой предыдущий коммент пропал.
Кареглазый Демон, спасибо! Доступ к дневнику или логину?
Нэко, я как раз смотрела коды и у других дневников, но вот что-то доэкспериментировалась)
~Erika, наши ответ и вопрос поменялись местами)

2018-02-04 в 18:56 

Кареглазый Демон
Ко мне на "ВЫ", шепотом и с придыханием...
берёте там какой-либо код из дизайнов, которые добрые мастера выкладывают безвозмездно, ииии… на его основе пишете своё ну я бы не советовал брать прям готовый код) Изучать принципы да, читать уроки. И писать свое. Переделку своих работ не все одобрят.

2018-02-04 в 19:03 

~Dusya~
Смотри в предрассветное небо и думай о чем-то хорошем, Стань яркой сверкающей радугой между грядущим и прошлым, И невозможное станет возможным в одном из Параллельных миров. (Fleur – Лунные лилии)
Кареглазый Демон, да, вот понять тоже бы хотелось, на самом деле очень это интересно, но некоторые вещи пока прямо за гранью.

2018-02-04 в 19:05 

~Erika
Победа! Честь! Судьба! Баранина!
~Dusya~, чтобы меню не наезжало на посты - надо области с постами задать margin-left шириной с меню. Тогда, если уменьшить браузер, наезжать не будет.
С птицей внизу тоже можно так поступить, но она маленькая, наверное, не сильно мешает.

2018-02-04 в 19:11 

~Dusya~
Смотри в предрассветное небо и думай о чем-то хорошем, Стань яркой сверкающей радугой между грядущим и прошлым, И невозможное станет возможным в одном из Параллельных миров. (Fleur – Лунные лилии)
~Erika, оно еще снизу обрезается почему-то на некоторых экранах, хотя на моем все хорошо. Птица с меню вверх убегает. Ну а кнопка и правда не сильно мешает.

2018-02-04 в 19:21 

~Erika
Победа! Честь! Судьба! Баранина!
~Dusya~, сложно сказать, не видя всей картины. Можете открыть дневник на время, я посмотрю, если Кареглазый Демон, ещё не))

2018-02-04 в 19:51 

Кареглазый Демон
Ко мне на "ВЫ", шепотом и с придыханием...
В общем смотрите. Мне кажется что некоторые моменты необходимо переработать совсем. Все что у вас сейчас относится к меню, кроме лишних пунктов убрать и заметить на этот код. Также у вас левая птичка прописана позиционированием от нижнего края, а меню от верхнего. Так нельзя делать, если вы хотите чтобы птица сидела на меню на всех экранах. И ее размер отсилы 50 на 60, но никак не 200 на 600. У вас само меню будет короче а за счет отсутствующих пунктов видимых ПЧ, а свободного места в нем больше.
Ну а чтобы меню не наезжало я его закрепил относительно левого и верхнего края, а врапперу прописал позиционирование слева и отступ от левого края чуть больше чем само меню.

Получится у вас в итоге это:

На экранах меньше моего просто подберется правая часть.

2018-02-04 в 20:42 

~Dusya~
Смотри в предрассветное небо и думай о чем-то хорошем, Стань яркой сверкающей радугой между грядущим и прошлым, И невозможное станет возможным в одном из Параллельных миров. (Fleur – Лунные лилии)
Кареглазый Демон, спасибо за помощь. Что-то я наверно все равно не так делаю.
Вставила side, но получилось почему-то у меня вот так на моем мониторе, а фон записей передвинулся правее. К тому же оно как верхнее, закрывает картинку вверху, поэтому и ставила пониже и поуже) Или хотя бы на уровне поля записей. Если я подвину левее и ниже, снова все уедет, да?

2018-02-04 в 21:12 

Кареглазый Демон
Ко мне на "ВЫ", шепотом и с придыханием...
Теперь ПЧ видят меню так: Я понимаю что вам так удобнее, но или сделайте шире или уберите эти пункты.

2018-02-04 в 21:13 

Кареглазый Демон
Ко мне на "ВЫ", шепотом и с придыханием...
Остальное вроде в порядке. Может кэш не подгрузил изменения?

2018-02-04 в 21:32 

~Dusya~
Смотри в предрассветное небо и думай о чем-то хорошем, Стань яркой сверкающей радугой между грядущим и прошлым, И невозможное станет возможным в одном из Параллельных миров. (Fleur – Лунные лилии)
Кареглазый Демон, ширину-то исправлю, а вот если я его опущу к птице ниже, то уже обрежется на таких мониторах? А у у меня оно наоборот вверху совсем, а снизу пустота.

2018-02-04 в 21:37 

Кареглазый Демон
Ко мне на "ВЫ", шепотом и с придыханием...
Не понял вопрос. По задумке у вас меню относительно верха-низа экрана где должно быть? И где птица?

2018-02-04 в 21:41 

~Dusya~
Смотри в предрассветное небо и думай о чем-то хорошем, Стань яркой сверкающей радугой между грядущим и прошлым, И невозможное станет возможным в одном из Параллельных миров. (Fleur – Лунные лилии)
Кареглазый Демон, сбоку внизу или уровне записей, а на нем наверху птица как бы сидит, как на первой картинке в посте.

2018-02-04 в 21:55 

Кареглазый Демон
Ко мне на "ВЫ", шепотом и с придыханием...
В большинстве браузеров такое есть, в мозиле точно. Правой кнопкой по странице "Исследовать элемент". Внизу или сбоку, смотря где вылезет панель найдите кнопку адаптивного дизайна и переберите варианты. Так можно посмотреть вид вашего дневника при разных разрешениях с разных устройств. Думаю так вы поймете почему от низа позиционировать меню и птицу не получится.

2018-02-10 в 18:11 

~Dusya~
Смотри в предрассветное небо и думай о чем-то хорошем, Стань яркой сверкающей радугой между грядущим и прошлым, И невозможное станет возможным в одном из Параллельных миров. (Fleur – Лунные лилии)
Комментирование для вас недоступно.
Для того, чтобы получить возможность комментировать, авторизуйтесь:
 
РегистрацияЗабыли пароль?

@CSS — стилизация дневников

главная