A

css div고정은?

· 2012-07-17 (화) 12:24:47 · 1127 · 4
er.PNG
<style type="text/css">
#swleft img {
width: 80px;
height: 170px;
position: absolute;
top:0;
left:0;
z-index:12;
}
#swright img {
width: 80px;
height: 170px;
position: absolute;
top:50%;
right:0;
z-index:12;
}
</style>

이렇게 스타일은 줬는데요~
지금위 코드론 맨위에 붙어있어서..
top부분을...
px,%로 조절해보니
디바이스 크기에따라
첨부파일처럼 위치가 변하는데 어떻해야할까요/>ㅠㅠㅠ
제가원하는건 맨위그림처럼
가운데 양끝에 위치해있는겁니다.
어느 크기의 디바이스라도..

첨부파일

er.PNG (126.1 KB)
0회 2012-07-17 12:24
|

댓글 4개

2012-07-17 (화) 13:53:27
저도 해보진 않고 개념적으로만 설명드려 보자면,
화살표 top 을 50% 로 주시고, margin-bottom (여의치 않으면 padding-bottom) 을 화살표 높이 절반을 주세요. 화살표가 50픽셀이면 margin-bottom:25px 이 되겠지요.
잘 될러나 모르겠습니다 ;;
2012-07-17 (화) 13:54:23
아 그리고 #swleft position 을 relative 를 줘보세요.
2012-07-17 (화) 14:26:47
잘안되네요.ㅠㅠㅠ
2012-07-17 (화) 17:56:13
음 margin-top:-25px 이런 식으로 해보세요. ^^;;
댓글을 작성하시려면 로그인이 필요합니다.

그누4 질문답변

66,531건

그누보드4 관련 질문은 QA 로 이전됩니다. QA 그누보드4 바로가기 기존 게시물은 열람만 가능합니다.

+
제목 글쓴이 날짜 조회
12-07-17 조회 967
12-07-17 조회 1,623
12-07-17 조회 1,121
12-07-17 조회 904
12-07-17 조회 992
12-07-17 조회 2,288
12-07-17 조회 1,928
12-07-17 조회 1,122
12-07-17 조회 1,469
12-07-17 조회 856
12-07-17 조회 847
12-07-17 조회 1,128
12-07-17 조회 612
12-07-17 조회 1,038
12-07-17 조회 879
12-07-17 조회 879
12-07-17 조회 1,574
12-07-17 조회 1,180
12-07-17 조회 1,635
12-07-17 조회 954