홈페이지를 left 정렬 --> center 정렬하는중 정보
홈페이지를 left 정렬 --> center 정렬하는중본문
갑자기 궁금해서 이렇게 문의를 드립니다.
홈페이지를 left 기준으로 제작하였는데
갑자기 center기준으로 바꾸어 달라고 합니다.
그냥 쉽게 left를 center로 바꾸면 되는데
문제는
<div id="layer_menu" style="width:600px; height:55px; position:absolute; left:200px; top:80px; z-index:1;">
<p align="center"><script>flashWrite('./swf/main_menu.swf', '600','55','movie','#ffffff','','transparent')</script> </p>
</div>
이것이 문제입니다.
무조건 left 기준으로 div를 사용하였는데
이렇게 되면 아무리 center로 해도
창 싸이즈 위치에 따라서
바뀌게 되어요...
div를 사용하면 할수 있는 방법이 없나요?
플래시 배경위에 div를 사용하여 메뉴를 위에 띄우는 것이여서요..ㅡㅡ;;
혹시 방법이 있을까해서
문의드립니다.
날씨가 많이 추워요.
그누 가족여러분 감기조심하세요.
홈페이지를 left 기준으로 제작하였는데
갑자기 center기준으로 바꾸어 달라고 합니다.
그냥 쉽게 left를 center로 바꾸면 되는데
문제는
<div id="layer_menu" style="width:600px; height:55px; position:absolute; left:200px; top:80px; z-index:1;">
<p align="center"><script>flashWrite('./swf/main_menu.swf', '600','55','movie','#ffffff','','transparent')</script> </p>
</div>
이것이 문제입니다.
무조건 left 기준으로 div를 사용하였는데
이렇게 되면 아무리 center로 해도
창 싸이즈 위치에 따라서
바뀌게 되어요...
div를 사용하면 할수 있는 방법이 없나요?
플래시 배경위에 div를 사용하여 메뉴를 위에 띄우는 것이여서요..ㅡㅡ;;
혹시 방법이 있을까해서
문의드립니다.
날씨가 많이 추워요.
그누 가족여러분 감기조심하세요.
댓글 전체
여기의 댓글을 참고하세요.
http://sir.co.kr/bbs/board.php?bo_table=pl_etc&wr_id=821
http://sir.co.kr/bbs/board.php?bo_table=pl_etc&wr_id=821
div 정렬방식은 혹시? 알고계신가요?
position:absolute;
position:relative;
저는 테이블 안에서 왼쪽기준으로 하고 싶습니다.
참고 이미지 다시 올려보겠습니다.
position:absolute;
position:relative;
저는 테이블 안에서 왼쪽기준으로 하고 싶습니다.
참고 이미지 다시 올려보겠습니다.
<div> 안에 텍스트나 관련된 문구를 정렬하는 방식은 별거없습니다.
text-align:left; , text-align:right; ,text-align:center; 등을 사용합니다.
예를들어<div style="width:600px; height:55px; position:absolute; left:200px; top:80px; z-index:1;"></div>안에서 1234를 수평중앙정렬하려면 스타일에다가text-align:center;를 추가하시면되고
수직중앙정렬은 <div></div>안에다가
<div><ul class="p-abs" style="left:10px;top:3px;"></ul></div>
이런식으로 쓰시고 <ul>텍 스타일에서 조정하시면 됩니다.
말씀하신
position:absolute;
position:relative;
이부분은 레이어의 포지션속성을 나타내는 말입니다.
즉 자유롭게 나둘것인가 아니면 고정해둘것인가 이기때문에
필요하실때 그때그때 포지션변경하시면됩니다.
정리를 해드리면
<td>안에 레이어를 쓰셨다면
<td><div style="width:600px; height:55px; position:relative; left:0px; top:0px; z-index:1;text-align:left; visibility:inherit;">1234를쓰자</div></td>이렇게 하시면 될거같습니다.
text-align:left; , text-align:right; ,text-align:center; 등을 사용합니다.
예를들어<div style="width:600px; height:55px; position:absolute; left:200px; top:80px; z-index:1;"></div>안에서 1234를 수평중앙정렬하려면 스타일에다가text-align:center;를 추가하시면되고
수직중앙정렬은 <div></div>안에다가
<div><ul class="p-abs" style="left:10px;top:3px;"></ul></div>
이런식으로 쓰시고 <ul>텍 스타일에서 조정하시면 됩니다.
말씀하신
position:absolute;
position:relative;
이부분은 레이어의 포지션속성을 나타내는 말입니다.
즉 자유롭게 나둘것인가 아니면 고정해둘것인가 이기때문에
필요하실때 그때그때 포지션변경하시면됩니다.
정리를 해드리면
<td>안에 레이어를 쓰셨다면
<td><div style="width:600px; height:55px; position:relative; left:0px; top:0px; z-index:1;text-align:left; visibility:inherit;">1234를쓰자</div></td>이렇게 하시면 될거같습니다.
