senakos Опубликовано 28 марта, 2015 Поделиться Опубликовано 28 марта, 2015 Ребят добрый день помогите как сделать!? И так я сужаю ваш форум в браузере остается все на месте, а когда сужаю свой то получается что все в кучу сдвигается вот скрин . Как поправить спасайте!!!! Ссылка на комментарий Поделиться на другие сайты Поделиться
Viktar83 Опубликовано 28 марта, 2015 Поделиться Опубликовано 28 марта, 2015 А как спасать, если по ссылке из вашего профиля форум недоступен? А вообще в стандартном стиле (кстати, сравните свой стиль со стандартным) и ipbmafia минимальная ширина форума ограничена свойством min-width, типа такого: .main_width { margin: 0 auto; width: 88% !important; min-width: 960px; } Но у Вас может не только в этом дело. Укажите рабочую ссылку на проблемный форум, так как надо смотреть верстку и css. senakos 1 Ссылка на комментарий Поделиться на другие сайты Поделиться
Viktar83 Опубликовано 28 марта, 2015 Поделиться Опубликовано 28 марта, 2015 О чем и речь: в 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 1 Ссылка на комментарий Поделиться на другие сайты Поделиться
senakos Опубликовано 28 марта, 2015 Автор Поделиться Опубликовано 28 марта, 2015 О чем и речь: в 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 Опубликовано 28 марта, 2015 Автор Поделиться Опубликовано 28 марта, 2015 Все равно не помогло!? Ссылка на комментарий Поделиться на другие сайты Поделиться
Viktar83 Опубликовано 28 марта, 2015 Поделиться Опубликовано 28 марта, 2015 А что не помогло то? У вас стиль такой, что нормально отображается только при достаточной ширине. Подфорумы аж в три колонки расположены, а за ними еще в две "темы" и "ответы", а перед ними еще иконка форума - как он будет нормально отображаться в узком окне?! Просто не влазит! Ну увеличьте min-width еще больше, 1180px и более. senakos 1 Ссылка на комментарий Поделиться на другие сайты Поделиться
senakos Опубликовано 28 марта, 2015 Автор Поделиться Опубликовано 28 марта, 2015 А что не помогло то? У вас стиль такой, что нормально отображается только при достаточной ширине. Подфорумы аж в три колонки расположены, а за ними еще в две "темы" и "ответы", а перед ними еще иконка форума - как он будет нормально отображаться в узком окне?! Просто не влазит! Ну увеличьте min-width еще больше, 1180px и более. а как сделать так?? Ссылка на комментарий Поделиться на другие сайты Поделиться
Viktar83 Опубликовано 28 марта, 2015 Поделиться Опубликовано 28 марта, 2015 а как сделать так?? 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 1 Ссылка на комментарий Поделиться на другие сайты Поделиться
senakos Опубликовано 28 марта, 2015 Автор Поделиться Опубликовано 28 марта, 2015 (изменено) найдите 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 Опубликовано 28 марта, 2015 Поделиться Опубликовано 28 марта, 2015 6-ое сообщение этой темы. поставьте min-width: 1200px; и не мучайте больше этот стиль .main_width { margin: 0 auto; min-width: 1200px; max-width: 1600px; width: 90%; } senakos 1 Ссылка на комментарий Поделиться на другие сайты Поделиться
senakos Опубликовано 28 марта, 2015 Автор Поделиться Опубликовано 28 марта, 2015 помогло! но теперь при сужении вот такое! Ссылка на комментарий Поделиться на другие сайты Поделиться
Viktar83 Опубликовано 28 марта, 2015 Поделиться Опубликовано 28 марта, 2015 помогло! но теперь при сужении вот такое! Screenshot_4.png А у меня нормально в 6-ти разных браузерах Обновите страницу несколько раз (кэш браузера видимо не обновился) senakos 1 Ссылка на комментарий Поделиться на другие сайты Поделиться
senakos Опубликовано 28 марта, 2015 Автор Поделиться Опубликовано 28 марта, 2015 все норм спасибо огромное! Ссылка на комментарий Поделиться на другие сайты Поделиться
Рекомендуемые сообщения