CSS: Абсолютно позиционированное изображение - но оно не сверху - PullRequest
Новая
       42

CSS: Абсолютно позиционированное изображение - но оно не сверху

1 голос
/ 08 апреля 2011

Я пытаюсь разместить изображение ленты на одном из моих сайтов.К сожалению, я не могу понять, почему это не работает так, как я хочу.Я использовал position: relative; и position: absolute;, чтобы выполнить все операции позиционирования, но проблема в том, что изображение не сверху:

Ribbon

Я использовал следующий код:

.ribbon { position: relative; }
.ribbon h3 {
    background: url("images/ribbon.png") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    font-family: Tahoma,arial,serif;
    font-size: 1.4em;
    height: 34px;
    padding: 7px 0 0 17px;
    position: absolute;
    right: -36px;
    width: 244px;
    z-index: 200;
}

Если вы хотите посмотреть на сайте, вы можете сделать это по этой ссылке (пользователь: tmp / pass: tmpuser ).

Это должно выглядеть так:

Ribbon

Большое спасибо за вашу помощь!Dennis

1 Ответ

0 голосов
/ 12 апреля 2011

Похоже, внешняя ширина DIV слишком мала, чтобы вместить всех, и это отталкивает изображение вниз.

Попробуйте установить ширину основного / упаковочного DIV на большую ширину и посмотрите, работает ли это.

...