Как скрыть последствия относительного позиционирования?

[foksik]

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

Столкнулся с такой проблемой. На сайте есть несколько категорий каждой из которой присвоена отдельная картинка. Эта картинка по умолчанию выводится в середине страницы. Идея была такова, что бы переместить картинку категории в верх и сделать её шапкой. Сначала установил картинку через position: absolute; - всё отображается прекрасно, но так как сайт фиксированной ширины и висит в центре экрана с полями справа и слева, то на мониторах с разрешением отличным от моего, картинка съёзжает в бок, ибо привязана к углу окна.

Подвинул через position: relative; от того места где она выводится в верх. Всё хорошо, но на месте где она была раньше остаётся огромное белое пятно. И вот тут встаёт вопрос: как убрать пустое место из под картинки которая перемещена вверх?

Я слышал есть какое-то свойство которое отвечает за наложение. Может как-то влепить картинку прямо поверх текста там где она изначально должна быть, а потом подвинуть её на нужное место через свойство position: relative; ?

Помогите пожалуйста разобраться!

[Justnewone]

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

Столкнулся с такой проблемой. На сайте есть несколько категорий каждой из которой присвоена отдельная картинка. Эта картинка по умолчанию выводится в середине страницы. Идея была такова, что бы переместить картинку категории в верх и сделать её шапкой. Сначала установил картинку через position: absolute; - всё отображается прекрасно, но так как сайт фиксированной ширины и висит в центре экрана с полями справа и слева, то на мониторах с разрешением отличным от моего, картинка съёзжает в бок, ибо привязана к углу окна.

Подвинул через position: relative; от того места где она выводится в верх. Всё хорошо, но на месте где она была раньше остаётся огромное белое пятно. И вот тут встаёт вопрос: как убрать пустое место из под картинки которая перемещена вверх?

Я слышал есть какое-то свойство которое отвечает за наложение. Может как-то влепить картинку прямо поверх текста там где она изначально должна быть, а потом подвинуть её на нужное место через свойство position: relative; ?

Помогите пожалуйста разобраться!

1. Вернуть назад обсолют, положив по коду его в отцентрированный элемент с позишн релейтив

2. Вместо относительного позиционирования использовать отрицательные маргины.

[foksik]

Спасибо огромное!

С маргинами не прошло (вправо - влево двигалось, а в верх никак), а вот первый вариант полностью подошёл!

CSS - сила! Мне знакомый заказал сделать шаблон на интернет магазин, так я пока с ним возился узнал больше чем за последний год. Как я раньше обходился без css сам не знаю. Куплю пособие с сайта, распечатаю и буду изучать.

Edited July 24, 2009 by foksik