묻고답하기
div표를 넣었는데 위치가 지맘데로 입니다.
2011.10.21 15:28
익스플로러나 사파리로 열어보면 브라우저의 크기에 따라 창 위치가 변합니다.
<div style="width:200px; background:#ccc; height:300px; position:absolute; left:869px;float:right; margin-top:0px;">최근글과 댓글 위치</div>
으로 게시판 오른쪽에 넣으려고 하는데요.
위 문구 처럼 하면
카테고리 | 게시물 | 최근글과댓글
이렇게 떠야 하는데 최근글과댓글이 브라우저 크기에 따라 위치가 게시물하고 겹치거나 오른쪽으로 빠져 나가고 있습니다.
댓글 3
-
송동우
2011.10.21 15:38
-
쿵푸팬더
2011.10.21 16:50
언제나 관심과 답변 감사합니다! -
<div style="position:absolute; left:expression((document.body.clientWidth/2)+530); top:0px; width:200px; height:300px; background:#ccc; z-index:1;">최근글과 댓글 위치</div>이정도가 적당할까요? -
위에 적은 코드 보다는 아래로 바꾸시는게 좋겠네요.
<div style="position:absolute; left:50%; margin-left:230px; top:0px; width:200px; height:300px; background:#ccc; z-index:1;">최근글과 댓글 위치</div>
전체를 중앙정렬로 보았을때입니다.
일단은 left를 50%로 잡으면 div 왼쪽이 중앙에 잡힙니다.
그걸 기준으로 margin-left를 이용해서 오른쪽으로 위치를 잡으시면 됩니다.
-
쿵푸팬더
2011.10.21 16:50
감사합니다. 해결되었습니다. -
송송송송송송송송송송송송송송송
2011.12.29 20:21
저도 요거보고 해결했습니다. 감사합니다(__)
주위의 코딩들과 상호 어떤 관계를 유지하면서 위치하느냐에 따라 다르게 적용되어야 하기때문에
저것만 가지고는 알 수가 없습니다.