Дизайн сдвигается в сторону

Поделиться1Сб, 1 Окт 2016 22:27:36

Автор: Maman Brigitte
Заслуженный
Зарегистрирован: Вс, 17 Апр 2016
Сообщений: 121
Уважение: +28
Позитив: +31
Последний визит:
Чт, 29 Июн 2023 13:54:35

Здравствуйте!

Такая проблема: дизайн форума сдвигается в сторону, влево, на большом экране (19 дюймов). На других экранах выглядит нормально, а на больших выглядит так:

Скрин

Что можно с этим поделать?

Форум

0

Поделиться2Сб, 1 Окт 2016 22:42:32

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51112
Уважение: +15195
Позитив: +11564
Последний визит:
Сегодня 17:21:04

Maman Brigitte
Замените пункт A5.1 в Первом Окне на такой:

/* A5.1 */
#pun {
height: auto;
margin: 0 auto;
width: 1350px;
position: relative;
}

Нет такого правила float: top center; => Cправочник => http://htmlbook.ru/css/float

0

Поделиться3Сб, 1 Окт 2016 22:52:06

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51112
Уважение: +15195
Позитив: +11564
Последний визит:
Сегодня 17:21:04

Вот эту картинку стоит обрезать по ширине http://s0.uploads.ru/5qzyP.png до границ самого широкого элемента, чтобы на мелких экранах Шапка центрировалось
И тогда сократить красное

/* A5.1 */
#pun {
height: auto;
margin: 0 auto;
width: 1350px;
position: relative;
}

До размеров ширины этой картинки

+1

Поделиться4Сб, 1 Окт 2016 22:54:19

Автор: Maman Brigitte
Заслуженный
Зарегистрирован: Вс, 17 Апр 2016
Сообщений: 121
Уважение: +28
Позитив: +31
Последний визит:
Чт, 29 Июн 2023 13:54:35

Deff

Теперь форум на большом экране хорошо отображается, но стрелки слишком сдвинулись на фон таблицы. Выглядит теперь так:

Стрелки

Их можно сдвинуть чуть правее, и как?

0

Поделиться5Сб, 1 Окт 2016 23:04:46

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51112
Уважение: +15195
Позитив: +11564
Последний визит:
Сегодня 17:21:04

Maman Brigitte Замените код кнопок

<div class="go-up" id='ToTop'><img src="http://s1.uploads.ru/eRDkt.png" border="0" /></div>
<div class="go-down" id='OnBottom'><img src="http://s6.uploads.ru/lQyVa.png" border="0" /></div>
<style>
.go-up,.go-down {
display:none;
position:fixed; /*позиционируем*/
left:50%; /*указываем положение, если слева - left*/
margin-left:600px;
z-index:9999; /*показываем поверх все элементов на странице*/
cursor:pointer;
opacity:.7; /*прозрачность*/
margin-bottom:40px; /*отступ снизу (можно не указывать)*/
width:41px; /*ширина кнопки*/
height:61px; /*высота кнопки*/
}
.go-up {
bottom:110px; /*положение от низа окна браузера верхняя кнопка*/
}
.go-down {
bottom:31px; /*положение от низа окна браузера нижняя кнопка кнопка*/
}
.go-down:hover,.go-up:hover {
opacity:1;
}
</style>