ширина форума!?

[senakos]

Ребят добрый день помогите как сделать!?

 

И так я сужаю ваш форум в браузере  остается все на месте,

 

а когда сужаю свой то получается что все в кучу сдвигается вот скрин .

Как поправить спасайте!!!!

[Viktar83]

А как спасать, если по ссылке из вашего профиля форум недоступен?
 
А вообще в стандартном стиле (кстати, сравните свой стиль со стандартным) и ipbmafia минимальная ширина форума ограничена свойством min-width, типа такого:

.main_width {
margin: 0 auto;
width: 88% !important;
min-width: 960px;
}

Но у Вас может не только в этом дело. Укажите рабочую ссылку на проблемный форум, так как надо смотреть верстку и css.

[Viktar83]

О чем и речь: в css не ограничена минимальная ширина.

находите:

#content, .main_width {
  margin: 0 auto;
  width: 85% !important;
}

меняете на, например:

#content, .main_width {
  margin: 0 auto;
  width: 85% !important;
  min-width: 1020px; /* 960px, 1020px и т.д. подбирайте сами, как больше нравиться */
}

[senakos]

 

О чем и речь: в css не ограничена минимальная ширина.

находите:

#content, .main_width {
  margin: 0 auto;
  width: 85% !important;
}

меняете на, например:

#content, .main_width {
  margin: 0 auto;
  width: 85% !important;
  min-width: 1020px; /* 960px, 1020px и т.д. подбирайте сами, как больше нравиться */
}

 

Спасибо!

[senakos]

Все равно  не помогло!?

[Viktar83]

А что не помогло то? У вас стиль такой, что нормально отображается только при достаточной ширине. Подфорумы аж в три колонки расположены, а за ними еще в две "темы" и "ответы", а перед ними еще иконка форума - как он будет нормально отображаться в узком окне?! Просто не влазит! Ну увеличьте min-width еще больше, 1180px и более.

[senakos]

А что не помогло то? У вас стиль такой, что нормально отображается только при достаточной ширине. Подфорумы аж в три колонки расположены, а за ними еще в две "темы" и "ответы", а перед ними еще иконка форума - как он будет нормально отображаться в узком окне?! Просто не влазит! Ну увеличьте min-width еще больше, 1180px и более.

а как сделать так?? 

[Viktar83]

а как сделать так?? 

Screenshot_3.png

найдите

table.ipb_table ol.subforums1 {
margin-top: 3px;
float: left;
width: 33%;
}

и удалите width: 33%;

table.ipb_table ol.subforums1 {
margin-top: 3px;
float: left;
}

[senakos]

 

найдите

table.ipb_table ol.subforums1 {
margin-top: 3px;
float: left;
width: 33%;
}

и удалите width: 33%;

table.ipb_table ol.subforums1 {
margin-top: 3px;
float: left;
}

 

вот как теперь!?

 

 

и вот 

вот код 

table.ipb_table ol.subforums1 {
margin-top: 3px;
float: left;
}

table.ipb_table ol.subforums1 li{
background: url('bg/subforum_nonew.png') no-repeat 0 50%;
padding: 0 15px 0 15px;
margin: 0;
float: left;
}
table.ipb_table .subforums1 li.unread { font-weight: bold; background-image: url('bg/subforum_new.png'); }
table.ipb_table ol.subforums2 {
width: 33%;
overflow: hidden;
}
table.ipb_table ol.subforums2 li {
background: url('bg/subforum_nonew.png') no-repeat 0 50%;
padding: 0 15px 0 15px;
margin: 0;
float: center;
}
table.ipb_table .subforums2 li.unread { font-weight: bold; background-image: url('/bg/subforum_new.png'); }
table.ipb_table ol.subforums3 {
width: 33%;
overflow: hidden;
}
table.ipb_table ol.subforums3 li {
background: url('bg/subforum_nonew.png') no-repeat 0 50%;
padding: 0 15px 0 15px;
margin: 0;
float: right;
}
table.ipb_table .subforums3 li.unread { font-weight: bold; background-image: url('bg/subforum_new.png'); }

выравнить на последнем скрине?

Изменено 28 марта, 2015 пользователем senakos

[Viktar83]

6-ое сообщение этой темы.

поставьте min-width: 1200px; и не мучайте больше этот стиль

.main_width {
margin: 0 auto;
min-width: 1200px;
max-width: 1600px;
width: 90%;
}

[senakos]

помогло! но теперь при сужении вот такое!

 

[Viktar83]

помогло! но теперь при сужении вот такое!

Screenshot_4.png

 

А у меня нормально в 6-ти разных браузерах

Обновите страницу несколько раз (кэш браузера видимо не обновился)

[senakos]

все норм спасибо огромное!