CSS : 절대 위치 이미지 - 상단이 아님

내 웹 사이트 중 하나에 리본 이미지를 배치하려고합니다. 불행히도 내가 원하는대로 작동하지 않는 이유를 알 수 없습니다. 나는 모든 위치의 물건을 할 position: relative; 및 position: absolute;을 사용하지만, 문제는 이미지가 상단에되지 않는 것입니다 : 나는 다음과 같은 코드를 사용했습니다CSS : 절대 위치 이미지 - 상단이 아님

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를가/패스 : 웹 사이트를 살펴보고 당신은 그것을 on this link (사용자 작업을 수행 할 수 있습니다 tmpuser).

은 다음과 같아야합니다

Ribbon

정말 고마워요 당신의 도움을! 데니스

출처

2011-04-07 dennis3484

링크에 404 오류가 표시됩니다 ("죄송합니다. 페이지를 찾을 수 없습니다!"). –

스크린 샷의 모습이나 모양이 어떻게 나오나요? – Anthony

@ Peter Of The Corn : 링크가 작동하지만 대신 [this one] (http://www.praxis-korbach.de/)을 시도해보십시오 (동일한 사용자/패스). – dennis3484

외부 DIV 너비가 너무 작아서 이미지를 아래로 밀고있는 것처럼 보입니다.

주/줄 바꿈 DIV의 너비를 더 큰 너비로 설정하고 작동하는지 확인해보십시오.

출처

2011-04-11 20:08:59 Satch3000

CSS : 절대 위치 이미지 - 상단이 아님

답변

관련 문제