Jump to content

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


Recommended Posts

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

 

И так я сужаю ваш форум в браузере post-8601-0-62444100-1427547948_thumb.pn остается все на месте,

 

а когда сужаю свой то получается что все в кучу сдвигается вот скрин post-8601-0-07650900-1427548110_thumb.pn.

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

Link to comment
Share on other sites

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

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

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

Link to comment
Share on other sites

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

находите:

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

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

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

 

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

находите:

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

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

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

 

Спасибо!

Link to comment
Share on other sites

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

Link to comment
Share on other sites

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

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

post-8601-0-82774700-1427572715_thumb.pn

Link to comment
Share on other sites

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

attachicon.gifScreenshot_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;
}
Link to comment
Share on other sites

 

найдите

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

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

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

 

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

 

post-8601-0-88143800-1427574024.png

 

и вот 

post-8601-0-24470900-1427574100_thumb.pn

вот код 

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'); }

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

Edited by senakos
Link to comment
Share on other sites

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

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

.main_width {
margin: 0 auto;
min-width: 1200px;
max-width: 1600px;
width: 90%;
}
Link to comment
Share on other sites

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

attachicon.gifScreenshot_4.png

 

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

post-24610-0-44295900-1427577325_thumb.j

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

Link to comment
Share on other sites

Guest
This topic is now closed to further replies.
  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...