본문 바로가기

atti/note

테이블 가운데 정렬 - CSS

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일 작성.