애니빌드.LAB
토론방
솔루션관련 게시판 중앙정렬
- 부**영자
- 2014-07-23 15:16:52
- hit4099
- http://lab.anybuild.co.kr/bbs/qna/3013
게시판 있는 페이지들에 반응형게시판은 중앙정렬이 정상적으로 되는데
기본 게시판은 중앙정렬이 안되네요. 처리 부탁드립니다.
게시글 공유
URL복사
댓글작성
열기 닫기
열기 닫기
공지사항이나 다른 게시판을 봐도 가운데로 표시가 되고 있습니다.
지금 보고 계시는 내역을 캡쳐를 해서 올려주시면 저희쪽에서 파악을 해보도록 하겠습니다.
아래의 이미지는 저희쪽에서 보는 공지사항 게시판입니다.
☆abc
공지사항 게시판은 기본제공되는 반응형게시판으로 설정을 해놓았는데
공지사항 페이지 역시 기본제공 기본 게시판으로 설정하면 중앙정렬이 안됩니다 이부분 확인 부탁드려요
그리고 이부분도 확인 부탁드려요
홈페이지 메인화면이 IE에서는 중앙정렬이 정상적으로 되는데
크롬에서는 중앙정렬이 안됩니다..
또 며칠전에 상세페이지 하단부분 height값이 자동으로 늘어나지 않고 하단 스킨에 먹힌다고 문의글 올렸었는데
메인페이지도 그렇네요.. 바쁘시겠지만 이 문제도 처리좀 부탁드립니다..
1. 구버전 게시판의 경우 자동으로 중앙정렬이 되도록 기본css 수정중입니다. (오늘중으로 처리됩니다.)
2. 메인페이지 중앙정렬 - 메인페이지에 load 를 이용해서 직접 추가하신 css들이 있는데,
reset.css 처럼 사이트 전체에 영향을 줄 수 있는 css의 경우 해당페이지 레이아웃에 문제가 생길 수 있습니다.
body, h1, h2, h3, h4, h5, h6, div, ul, ol, dl, li, dt, dd, table, tr, th, td, caption, form, fieldset, p, address{margin:0; padding:0}
일반적으로 reset 같은 경우는 처음 사이트 제작시에 추가하여 그 css에 맞게 작업이 되어야 합니다.
그래서 이와 같은 css를 추가하셔서 사용하실 경우, 사이트에 문제가 없는지 검수가 필요합니다.
현재 table { margin:0; padding:0; } 이 적용될경우 메인이 틀어지기 때문에, 해당 부분을 삭제하였습니다.
3. 컨텐츠 높이 문제 - 해당 new 부분 높이를 (1100px) 로 잡으시고 (top:150px) 을 주셨는데,
top 은 상단에 여백을 주기위해서 사용하는 css가 아니라, 절대위치(absoulte)를 잡기위해서 사용하는 css 입니다.
그래서 해당부분을 (margin-top:150px;)로 변경하고 높이를 삭제하였습니다.
특정사이트에 사용되는 소스를 이용하기 위해서 해당 사이트의 내용과 css 등을 그대로 가져와도 넣게되면...
기존 사이트의 css내용과 충돌이 생겨 문제가 생길 수 있습니다.
추가하신 css 의 내용이 페이지에 잘못된 영향을 주지 않는지 꼭 확인하고 사용하시기 바랍니다.