얄미운 불여우 정보
얄미운 불여우
본문
오류가 나는곳의 주소를 알려주시면 더 빠르고 정확하게 답변 받을 수 있습니다.
오류 주소 : http://www.namusae.org/ko/
안녕하세요. 오랫만에 찾아뵙습니다.
불여우가 참 얄밉습니다. 레이어를 '고정' 시켜놓으면 창크기와 해상도에 따라 자유롭게 움직여주는 불여우.
완전 여우네요. 말그대로 피치못할 사정으로 레이어를 창크기, 해상도에 관계없이 left: 값 으로 고정시켜주고 싶은데, div 레이어 와 position:absolute 을 사용시 어떻게 하면 좋을까요? 테이블안에 div 를 넣는 시도는 해봤지만, 디자인상 제가 원하는 결과가 안나와서 그냥 레이어를 테이블 위에 띄우는 식으로 가야 될 것 같습니다...
오류 주소 : http://www.namusae.org/ko/
안녕하세요. 오랫만에 찾아뵙습니다.
불여우가 참 얄밉습니다. 레이어를 '고정' 시켜놓으면 창크기와 해상도에 따라 자유롭게 움직여주는 불여우.
완전 여우네요. 말그대로 피치못할 사정으로 레이어를 창크기, 해상도에 관계없이 left: 값 으로 고정시켜주고 싶은데, div 레이어 와 position:absolute 을 사용시 어떻게 하면 좋을까요? 테이블안에 div 를 넣는 시도는 해봤지만, 디자인상 제가 원하는 결과가 안나와서 그냥 레이어를 테이블 위에 띄우는 식으로 가야 될 것 같습니다...
댓글 전체
윽... 다시 확인해보니 IE 에서도 마음대로 움직이네요. OTL
<div style="position:relative; width:600px; height:300px;">
<div style="position:absolute; left:30px; top:20px; width:100px; height:50px;"></div>
<table><tr><td></td></tr></table>
</div>
위에처럼 relative속성의 레이어안에 absolute를 집어넣어주시면
부모레이어(relative)의 위치를 기준으로 하위레이어의 위치가 지정됩니다.
<div style="position:absolute; left:30px; top:20px; width:100px; height:50px;"></div>
<table><tr><td></td></tr></table>
</div>
위에처럼 relative속성의 레이어안에 absolute를 집어넣어주시면
부모레이어(relative)의 위치를 기준으로 하위레이어의 위치가 지정됩니다.
힛.. 감사합니다. 그런데 부모레이어에서 width 값을 꼭 저렇게 정해줘야만 작동하네요? 클라이언트 해상도에 맞춰서 width 값을 주고 싶은데 expression(document.body.clientWidth) 하니까 또 움직이네요. 한번만 더 도와주세요. 감사합니다~!
제가 expression(document.body.clientWidth) 를 써본적이 없어서 잘 모르겠네요~;;
중앙정렬로 하시는게 더 낳지않을까 생각되는데요..
가로크기값을 %로 주시면
<body style="text-align:center; margin:0; padding:0; background:url(' 배경이미지 경로 ') repeat-x;">
<div style="width:70%; margin:0px auto; text-align:left;"}
<div style="position:relatative; width:100%;">
내용
</div>
</div>
</body>
위에 처럼요~~;;
중앙정렬로 하시는게 더 낳지않을까 생각되는데요..
가로크기값을 %로 주시면
<body style="text-align:center; margin:0; padding:0; background:url(' 배경이미지 경로 ') repeat-x;">
<div style="width:70%; margin:0px auto; text-align:left;"}
<div style="position:relatative; width:100%;">
내용
</div>
</div>
</body>
위에 처럼요~~;;
