사이트 정렬 부분
본문
현재 보시면 pc버전에서는 메뉴부분이 가운데 정렬? 이 잘되는데 태블릿에서 볼경우 메뉴가 좌측? 쪽에 쏠리면서 가운데 정렬이안되고있습니다. 이부분을 어떻게 해결할수있을까요?
그리고 pc에서 공지부분을 보시면 다른게시판들보다 왼쪽에 튀어나와있는데 다른게시판들너비에 맞춰서 정렬하려면 어떻게 해야할까요?
답변 4
해당 빌더는 반응형으로 제작된 빌더이며, 스마트폰과 태블릿을
지원 해야하기에 최소 사이즈로 좌측 정렬을 해둔듯 싶습니다.
만약 수정을 하고자 하시면 해당 메뉴의 css 코드와 자바스크립트 조합으로
화면의 가로사이즈를 구하여, 출력하고자 하시는 메뉴 갯수만큼 값을 나누어
해당 css 코드에 width 값을 넣어 주시면 조금 낳아지지 않을까 싶습니다.
해결이 되는 답변이 아니어 죄송합니다.. ㅠ.ㅠ;
해당 사이트는 아미나빌더로 만든 듯 하네요.
맞다면
문제에 대한 파악과 해결은 아미나 사이트에서 하는 것이 빠르고 정확합니다.
그누보드 원본과 많이 달라서...
메뉴 글자수가 적고 좌측정렬이어서 그렇습니다.
중앙정렬이 가능한지 모르겠네요.
PC 메인 부분은 좌측 여백을 적용해야할 듯...
중앙정렬이 가능한지 모르겠네요.
PC 메인 부분은 좌측 여백을 적용해야할 듯...
그룹 메뉴가 몇개가 생길지 몰라, 일부러 좌측 정렬 해둔 거네요.
가운데 정렬 시키려면 @media 속성 이용해 해당 해상도에서 가운데 정렬되도록 별도로 정의해 주셔야 할 것 같네요.
ul 등 블럭 요소는 해당 요소에서 float:left 속성을 제거 후,
width:OOpx; margin:0 auto 속성을 넣어주셔야 합니다.
만약, 부트스트랩 기반이시면,
해당 요소의 클래스에서 pull-left 클래스 제거 후, .center-block 클래스 넣어보세요.
답변을 작성하시기 전에 로그인 해주세요.
