Резиновая ширина стандартного шаблона

[TemKa_SD]

Здравствуйте, пытаюсь сделать свой шаблон по уже, но не получается, при использовании Резиновой ширины, адаптивность не работает.

Например, если сделать шаблон с шириной 60%, при малом разрешении экрана он становится таким:

Если сделать ширину 78% при том же разрешении выглядит нормально. Но если разрешение экрана еще ниже, уже выглядит так:

Как сделать узкий шаблон и чтобы при этом он был адаптивным?

[WOLF]

2 минуты назад, TemKa_SD сказал:

Здравствуйте, пытаюсь сделать свой шаблон по уже, но не получается, при использовании Резиновой ширины, адаптивность не работает.

Например, если сделать шаблон с шириной 60%, при малом разрешении экрана он становится таким:

Если сделать ширину 78% при том же разрешении выглядит нормально. Но если разрешение экрана еще ниже, уже выглядит так:

Как сделать узкий шаблон и чтобы при этом он был адаптивным?

ссылку на форум в профиле укажите 

[TemKa_SD]

18 часов назад, WOLF сказал:

ссылку на форум в профиле укажите 

Готово. Вам это мало чего даст, я отключил резину. Включить?

[WOLF]

.ipsLayout_container {
    max-width: 1340px;
    padding: 0 15px;
    margin: 0 auto;
    position: relative;
}

заменить на:

.ipsLayout_container {
    padding: 0 15px;
    margin: 0 auto;
    position: relative;
    width: 98% !important;
}

98 - менять на свой вкус

[TemKa_SD]

7 минут назад, WOLF сказал:

98 - менять на свой вкус

Я очень надеюсь что вы пошутили.

[WOLF]

13 минут назад, TemKa_SD сказал:

Я очень надеюсь что вы пошутили.

что не устраивает? 

[TemKa_SD]

4 минуты назад, WOLF сказал:

что не устраивает? 

В АЦ есть параметр для настройки ширины, на будущее.

[WOLF]

1 минуту назад, TemKa_SD сказал:

В АЦ есть параметр для настройки ширины, на будущее.

мда, я же глуп на столько, все 5800 сообщений флудил, и 1700 репы прожали просто так, Боже. 

вопрос был в чем: 

В 25.03.2017 в 12:53, TemKa_SD сказал:

Как сделать узкий шаблон и чтобы при этом он был адаптивным?

ответ дан.

удачи. 

[TemKa_SD]

4 минуты назад, WOLF сказал:

мда, я же глуп на столько, все 5800 сообщений флудил, и 1700 репы прожали просто так, Боже. 

вопрос был в чем: 

ответ дан.

удачи. 

Хорошо. Ваш вариант не работает. Сделал изменения, смотрите.

[WOLF]

вариант 1:

.ipsLayout_container {
    padding: 0 15px;
    margin: 0 auto;
    position: relative;
    width: 60% !important;
    min-width: 1116px;
}

вариант 2:

#ipsLayout_sidebar {
    min-width: 315px;
    max-width: 315px;
    padding: 10px 0 15px 0;
    overflow: hidden;
    border-radius: 0;
}

заменить на:

#ipsLayout_sidebar {
    max-width: 315px;
    padding: 100px 0 15px 0;
    overflow: hidden;
    border-radius: 0;
}

 

[kgb]

37 минут назад, TemKa_SD сказал:

Ваш вариант не работает. Сделал изменения, смотрите.

Я охриневаю от этих людей. Делают резиновую ширину, а потом вставляют фиксированный банер шириной 728 пикселей, который работает как распорка и прибегают сюда с претензиями.  

Млядь, ну прежде чем лезть в интернет с очередным дерьмосайтом, изучите основы css и html

[WOLF]

2 минуты назад, kgb сказал:

Я охриневаю от этих людей. Делают резиновую ширину, а потом вставляют фиксированный банер шириной 728 пикселей, который работает как распорка и прибегают сюда с претензиями.  

Млядь, ну прежде чем лезть в интернет с очередным дерьмосайтом, изучите основы css и html

+

да куда там им, главное, что в ац есть параметр и этого достаточно 

[TemKa_SD]

8 минут назад, kgb сказал:

Я охриневаю от этих людей. Делают резиновую ширину, а потом вставляют фиксированный банер шириной 728 пикселей, который работает как распорка и прибегают сюда с претензиями.  

Млядь, ну прежде чем лезть в интернет с очередным дерьмосайтом, изучите основы css и html

Уважаемый, не будем рассуждать тут о знаниях. Во первых, баннер адаптивный, если после изменения разрешения экрана вы не удосужились обновить страницу, я тут не причем. Баннер убрал, всё тоже самое.

7 минут назад, WOLF сказал:

да куда там им, главное, что в ац есть параметр и этого достаточно 

Вы мне дали код в первом своем сообщении который доступен из АЦ, поэтому такая реакция. Сейчас проверю ваши стили.

49 минут назад, WOLF сказал:

вариант 1:

Более менее, спасибо.

[kgb]

11 минут назад, TemKa_SD сказал:

не будем рассуждать тут о знаниях

Ну не будем, так не будем. Все равно сайт через полгода сдохнет. Но мозг то надо включать иногда. 2 независимых блока шириной 60% . Один в хидере, второй в ipsLayout_body. Причем во втором куча "распорок" фиксированной ширины. Как они должны вести себя? С какого будуна блок в хидере будет растягиваться до ширины блока с распорками?

12 минут назад, TemKa_SD сказал:

Во первых, баннер адаптивный

Адаптивные баннеры адсенса принимают вполне конкретные размеры

 

[TemKa_SD]

kgb, Я вижу у вас знания не ахти, я не буду ни о чем говорить, просто после вставки CSS значения 

min-width: 1116px;

всё стало идеально. В итоге, баннер остался на месте, странице не расползается. Досвидания.

[TemKa_SD]

kgb,  Ах да, забыл добавить. В итоге, в данной теме вы принесли 0 пользы, обосрали меня и мой проект. Вам же, никто дурного слова не сказал.

[kgb]

38 минут назад, TemKa_SD сказал:

 

kgb, Я вижу у вас знания не ахти, я не буду ни о чем говорить, просто после вставки CSS значения 

min-width: 1116px;

всё стало идеально

 

Это называется прикрутить костыль к костылю. Во первых, min-width по сути убивает твое max-width: 60%.  Во вторых, посмотри на свой сайт при разрешении от 1116 px до 979px . Ты будешь неприятно удивлен, потому что в "режим планшета" шаблон переходит при 979px , а ты установил минимальную ширину в 1116 px.

Для того, что бы заузить ширину сайта надо просто в custom.css переопределить .ipsLayout_container

.ipsLayout_container {
	{{if theme.enable_fluid_width}}
		{{if theme.fluid_width_size}}
			max-width: {theme="fluid_width_size"}%;
		{{else}}
			max-width: 100%;
		{{endif}}
	{{else}}
		max-width: 1116px;/* original 1340 */
	{{endif}}
}

а не заниматься фигней с процентами. Потому что шаблон изначально "резиновый"

23 минуты назад, TemKa_SD сказал:

В итоге, в данной теме вы принесли 0 пользы,

Если не обратишься к учебникам css - то пользы действительно 0

[TemKa_SD]

5 минут назад, kgb сказал:

Если не обратишься к учебникам css - то пользы действительно 0

У меня есть знания HTML и CSS, я бы и сам с этим разобрался. Суть в темы, разобраться почему стандартный шаблоне на надлежащего качества, не должен просто смертный лезть в код.

[kgb]

31 минуту назад, TemKa_SD сказал:

У меня есть знания HTML и CSS,

Прекрасно. Тогда немного подумать? 60% от ширины при разрешении в 1024 px с учетом маргинов и падингов дает менее 600 px / При этом один сайдбар занимает более 300px. Что остается для основного контента? Менее 300px. А там есть ячейки с определенной шириной, например ipsDataItem_stats иметт min-width в 150px.  Добавим те же маргины с паддингами. И как это все должно вместиться в установленные 60%?

40 минут назад, TemKa_SD сказал:

разобраться почему стандартный шаблоне на надлежащего качества

Разумеетсется ненадлежайшего. Мне не понятно, нахрена он оставили этот аттавизм в виде опции fluid width? Такая верстка умерла уже лет 5 назад. 

41 минуту назад, TemKa_SD сказал:

не должен просто смертный лезть в код.

Если не понимает что делает, то не должен.