Ваши вопросы по копанию в css стилях форума. часть шестая.
Смотрим предыдущее тут Вопрос/ответ по дизайну css #5
Если у вас вопросы технического характера конкретно по вашему форуму - оставляйте адрес, иначе помочь вам не смогут.
ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов » Архив устаревших тем » Вопрос/ответ по дизайну css #6
Ваши вопросы по копанию в css стилях форума. часть шестая.
Смотрим предыдущее тут Вопрос/ответ по дизайну css #5
Если у вас вопросы технического характера конкретно по вашему форуму - оставляйте адрес, иначе помочь вам не смогут.
- Доброго времени суток. С оперы (с мозилы нормально, насчет других не знаю) у дизайна съезжает шапка и категории.
Как исправить? Ссылка на форум - http://fmatv1.rusff.ru/
http://cv.rolebb.ru/
В Мозиле едет низ форума:
В Хроме всё в порядке. Как это исправить?
/* D8.3 */
#pun-about {
margin-top: 0;
height: 340px; /*высота подвала*/
width: 955px;
margin-left: -14px;
}
/*Подвал*/
#pun-about {
background-image: url("http://s4.uploads.ru/BiI8H.png");
background-repeat: no-repeat; /*повтор*/
background-position: center bottom; /*расположение*/
}
Зевентий
Реальная ширина фоновой картинки http://s4.uploads.ru/BiI8H.png - должна быть четной(*а у Вас 955) ибо куда девать этот лишний пиксель при центрировании - каждый браузер имеет свои предрасположения - одни плюсуют к правому краю - другие - к левому
Собственно этот совет стоит применять и к самому блоку #pun-about(про wigth), тож бывают эти же траблы разного отступа от элементов обрамления
Отредактировано Deff (29.06.13 20:22)
SamTayJerome
Насчет категорий. У каждой категории меняем значение выделенное:
width: 931px;
height: 74px;
background-color: transparent;
background-image: url(http://s2.uploads.ru/ylnvD.jpg);
margin: 0px 0px 0px -6px;
background-repeat: no-repeat no-repeat;
Менять на -7px.
Насчет шапки.... можно попробовать так:
body {
background-image: url("http://s2.uploads.ru/t0Lsk.jpg");
background-position: 50% top;
background-attachment: scroll;
background-repeat: no-repeat;
margin-left: -1px;
}
Насчет категорий. У каждой категории меняем значение выделенное:
- Не помогает. При значении "-7" категории съезжают влево и в мозиле. При значении "-5" встают ровно в опере, но в мозиле едут еще сильнее.
Насчет шапки.... можно попробовать так:
- Не помогло.
SamTayJerome
Тогда соглашусь со словами Деффа:
Реальная ширина фоновой картинки http://s4.uploads.ru/BiI8H.png - должна быть четной(*а у Вас 955) ибо куда девать этот лишний пиксель при центрировании - каждый браузер имеет свои предрасположения - одни плюсуют к правому краю - другие - к левому
Jii-Jo
- Обрезал категории до 930. Но всё равно - на мозиле едет, на опере нет. При иных значениях всё наоборот - на опере всё едет, на мозиле нет.
SamTayJerome
какая категория?
плюс не забудьте сменить ширину картинки в стилях, это тоже может быть причиной
Jii-Jo
- А какая часть кода отвечает за форму ответа (а именно - за шрифт в ней)?
SamTayJerome
у Вас не нашла такой строки, поэтому дописываем в код и меняем:
#pun-main .formal textarea { background-color: #eae7e2;
color: #000;
border: 3px solid #cac3b3;
padding: 1em !important;
border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
margin-bottom: 15px;
font-family: arial;
}
ps: у вас на форуме баннер палантира не отображается, поменять бы
Вы здесь » ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов » Архив устаревших тем » Вопрос/ответ по дизайну css #6