Доброго времени суток!
Снова столкнулся с непонятной проблемой - и
FireBug уже не помогает, ибо он показывает всё правильно, а в браузере видится всё несколько иначе.
Суть проблемы в том, что после смены шаблона сайта его заголовочная jpg-картинка стала масштабироваться несколько иначе, чем в предыдущем шаблоне. Понял, что надо подправить CSS. Подправил - удалось выставить нужный мне размер соответствующего div'а. Выглядит в браузере - всё, как надо. Но рано обрадовался. Обнаружилось, что при попытке уменьшения масштаба страницы (обычно, Ctrl+Grey-) сам div уменьшается в несколько меньшей степени, чем заполняющая его jpg-картинка, и из-за этого эта картинка дополняется слева своим же фрагментом. А в предыдущем шаблоне - всё масштабировалось пропорционально.
Подсмотрел в предыдущем шаблоне css-форматирование аналогичного div'а с картинкой и увидел, что там указано
background-repeat: no-repeat;
а в текущем шаблоне - стоит
background-repeat: repeat-x;
Тогда я снова подправил соответствующий фрагмент css-файла вот таким образом:
#ic_header-img {
position: relative;
background-repeat: no-repeat;
background-position: right;
height: 479px;
Никакой реакции, всё как прежде - масштабируется с дополнением слева. Тогда попробовал ещё 3-ю строчку поменять на
background-position: center center;
- вот на это реакция последовала-таки: дополнение начало наползать с обеих сторон, что вроде бы логично для такой команды. А как всё-таки заставить картинку масштабироваться пропорционально с её div'ом? Ведь по сравнению с предыдущим шаблоном осталось лишь одно отличие - в предыдущем было указано
position: absolute;
- но для текущего шаблона это не применимо: пробовал, - тогда картинка вообще не отображается
Подскажите, какая ещё css-команда может согласовать масштабирование контейнера и его картинки без её дополнений справа или слева?
