테스트 사이트 - 개발 중인 베타 버전입니다

사이트 정렬 부분 채택완료

임현호 8년 전 조회 1,420



 

현재 보시면 pc버전에서는 메뉴부분이 가운데 정렬? 이 잘되는데 태블릿에서 볼경우 메뉴가 좌측? 쪽에 쏠리면서 가운데 정렬이안되고있습니다. 이부분을 어떻게 해결할수있을까요?

그리고 pc에서 공지부분을 보시면 다른게시판들보다 왼쪽에 튀어나와있는데 다른게시판들너비에 맞춰서 정렬하려면 어떻게 해야할까요?

댓글을 작성하려면 로그인이 필요합니다.

답변 4개

채택된 답변
+20 포인트
8년 전

해당 빌더는 반응형으로 제작된 빌더이며, 스마트폰과 태블릿을

지원 해야하기에 최소 사이즈로 좌측 정렬을 해둔듯 싶습니다. 

만약 수정을 하고자 하시면 해당 메뉴의 css 코드와 자바스크립트 조합으로

화면의 가로사이즈를 구하여, 출력하고자 하시는 메뉴 갯수만큼 값을 나누어 

해당 css 코드에 width 값을 넣어 주시면 조금 낳아지지 않을까 싶습니다. 

해결이 되는 답변이 아니어 죄송합니다.. ㅠ.ㅠ; 

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

f
8년 전

해당 사이트는 아미나빌더로 만든 듯 하네요.

맞다면

문제에 대한 파악과 해결은 아미나 사이트에서 하는 것이 빠르고 정확합니다.

그누보드 원본과 많이 달라서...

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

s
sinbi Expert
8년 전

그룹 메뉴가 몇개가 생길지 몰라, 일부러 좌측 정렬 해둔 거네요.

가운데 정렬 시키려면  @media 속성 이용해 해당 해상도에서 가운데 정렬되도록 별도로 정의해 주셔야 할 것 같네요.

ul 등 블럭 요소는 해당 요소에서 float:left 속성을 제거 후, 

width:OOpx; margin:0 auto 속성을 넣어주셔야 합니다.

만약, 부트스트랩 기반이시면, 

해당 요소의 클래스에서 pull-left 클래스 제거 후, .center-block 클래스 넣어보세요.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

f
8년 전
메뉴 글자수가 적고 좌측정렬이어서 그렇습니다.

중앙정렬이 가능한지 모르겠네요.



PC 메인 부분은 좌측 여백을 적용해야할 듯...
로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인