margin:0 auto; position:absolute; width:400px; height:300px; top:50%; left:50%; margin-left:-200px; margin-top:-150px;
테이블 크기가 가로 400에 세로 300일때, 위에서 50%, 왼쪽에서 50% 주고,
가로 400에 절반 -200 왼쪽에서 주고, 높이 300에 절반 -150을 주면 위아래,좌우에서 정가운데에 위치.
하지만 가로 1280 세로 1024에서 최적화 일뿐이고, 1024,768에선 짤림현상!!
사진박물관 레이아웃 CSS
#container_site { margin:0 auto; position:absolute; width:100%; height:738px; top:50%; left:50%; margin-left:-50%; margin-top:-369px; }
했을시 1280에서만 가운데 정렬 최적화!!
1024는 이용하지 말것!
에리카 일식
position:absolute; width:819px; height:715px; top:50%; left:50%; margin-left:-409px; margin-top:-357px;
- 2009년 09월 09일 작성.