Проблема с горизонт. прокруткой

Поделиться1Ср, 18 Июн 2014 19:29:45

Автор: Anastasya Charming
Заслуженный
Зарегистрирован: Чт, 23 Май 2013
Сообщений: 9
Уважение: 0
Позитив: 0
Пол: Женский
Последний визит:
Пн, 28 Июл 2014 15:00:26

Здравствуйте.
У меня возникла такая проблема: появилась горизонтальная прокрутка. Точно знаю, что дело в стиле (когда стиль отключен, горизонтальной прокрутки нет), я там копалась и видимо сделала что-то не так. Однако, горизонт. прокрутка появляется только тогда, когда я захожу на форум с компа. Когда захожу с ноутбука никакой прокрутки нет. Может дело просто в разрешении экрана на компе (1024х768)?
http://designbyunicor.mybb.ru/ - делаю дизайн на этом тестовике.
Надеюсь на помощь) И заранее благодарна.

Отредактировано Anastasya Charming (Пт, 20 Июн 2014 16:46:19)

0

Поделиться2Ср, 18 Июн 2014 20:45:08

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7416
Уважение: +5931
Позитив: +6543
Пол: Мужской
Последний визит:
Ср, 8 Янв 2025 22:43:23

Anastasya Charming написал(а):

У меня возникла такая проблема: появилась горизонтальная прокрутка. Точно знаю, что дело в стиле (когда стиль отключен, горизонтальной прокрутки нет), я там копалась и видимо сделала что-то не так.

Возможно проблема здесь:

#pun-title table {
background-image: url("http://se.uploads.ru/4LRvh.png");
background-position: top center; background-repeat: no-repeat;
border: none;
margin-left: -52px;
}

А зачем вы таблицу сдвигаете? Да и ширину таблицы бы стоило указать, бо картинка у вас больше 880 пикселей указанной на #pun..Кстати, а зачем вы такой огромный фон поставили шириной 2000 пикселей, с учетом ширины форума 880? Это же вы только утяжеляете форум..

0

Поделиться3Ср, 18 Июн 2014 22:17:52

Автор: Anastasya Charming
Заслуженный
Зарегистрирован: Чт, 23 Май 2013
Сообщений: 9
Уважение: 0
Позитив: 0
Пол: Женский
Последний визит:
Пн, 28 Июл 2014 15:00:26

kolobdur74 написал(а):

Возможно проблема здесь:

поиграла я со значением...удалось только выровнять шапку по центру, прокрутка осталась.

kolobdur74 написал(а):

А зачем вы таблицу сдвигаете? Да и ширину таблицы бы стоило указать, бо картинка у вас больше 880 пикселей указанной на #pun..

Сдвигаю? Ширина таблицы вроде указана, 865px (я поменяла ширину форума: 905px).

kolobdur74 написал(а):

.Кстати, а зачем вы такой огромный фон поставили шириной 2000 пикселей, с учетом ширины форума 880? Это же вы только утяжеляете форум..

Исправила, залила фон цветом)

И еще кое-что хотелось бы узнать: у меня проблема с правой колонкой в таблице, текст в ней стоит ниже, чем в других колонках. Никак не могу исправить.
Дико извиняюсь за свою безграмотность в данной области :с

Отредактировано Anastasya Charming (Ср, 18 Июн 2014 22:20:54)

0

Поделиться4Чт, 19 Июн 2014 18:21:54

Автор: Reysler
LastMan
Зарегистрирован: Вт, 9 Дек 2008
Сообщений: 3583
Уважение: +2377
Позитив: +766
Пол: Мужской
Последний визит:
Пн, 6 Янв 2025 01:46:20

Во-первых, замените #pun-title table на

Код:

#pun-title table {
  border: none;
  overflow: hidden;
  width: 905px;
  height: 450px;
  margin: 0 auto;
}

В .punbb .main .tcl в background случайно обнаружил, что у вас стоит ссылка не на изображение (что должно быть), а почему-то на стиль (с расширением .css).

А причина всех бед кроется в #pun-category1.category h2 — margin-left: 90px; Вот этот magin-left сдвигает область с бэкграундом, который равен ширине картинки (700px + padding).
Чтобы картинка располагалась точно по центру, margin-left: 90px; замените на background-position: center;

Попробуйте сперва эти значения поменять, вроде какое-то упустил, пока писал пост.

+1

Telegram @reysler

Поделиться5Чт, 19 Июн 2014 22:02:24

Автор: Anastasya Charming
Заслуженный
Зарегистрирован: Чт, 23 Май 2013
Сообщений: 9
Уважение: 0
Позитив: 0
Пол: Женский
Последний визит:
Пн, 28 Июл 2014 15:00:26

Reysler написал(а):

В .punbb .main .tcl в background случайно обнаружил, что у вас стоит ссылка не на изображение (что должно быть), а почему-то на стиль (с расширением .css).

Код:

/* C2.1 */
.punbb .main .tcl {
   background:url("") scroll right bottom transparent;
  overflow:hidden;
background-position: top center; background-repeat: no-repeat; 
  text-align:left;
border-style: solid;
border-width: 1px;
  }

У меня не стоит ссылка ни на изображение, ни на стиль.
Если вставлю ссылку на картинку, получается что-то такое:

Так что я специально не ставила изображение...