2012. 3. 7. 18:52
프로그래밍/HTML
<div style='position:absolute;left:50%;top:50%;'>
<div style='position:absolute;width:800px;left:-400px;'>
내용
</div>
</div>
<!-- absolute는 좌표를 초기화 0,0에 맞춘후 -->
<!-- left:50%;top:50%로 가운데에 위치시킨다! -->
<!-- 하지만 정가운데부터 아래로 출력되기때문에 위치 보정을 해주어야하는데 margin-top 과 margin-left를 사용하여 위치를 조정합니다
예) 가로600px 세로 400px 크기의 이미지나 테이블일 경우 다음과같이 정렬
style="position:absolute;left:50%;top50%;margin-top:-200px;margin-left:-300px;"
-->
'프로그래밍 > HTML' 카테고리의 다른 글
HTML 토글매뉴 예제 (0) | 2012.03.07 |
---|---|
상대경로와 절대 경로 사용예 (0) | 2011.10.19 |