채택완료

중간 레이아웃 정렬.. 부탁드립니다.

현재 중간레이아웃에서 container부분이 맨 왼쪽에 달싹 붙어있고 aside부분(로그인칸)이 맨 오른쪽에 붙어있습니다...

이 두가지를 레이아웃 중앙으로 모으고 싶은데 하루종일 하다 못해서 질문 요청드립니다..

현재 head.php에서 wrapper 안에 aside와 container div로 구성되어있고

index.php에서는 최신글을 가져오는 php문이 있습니다.

각각 margin을 사용하여 수치를 입력하면 옮겨지긴 하는데 화면 크기를 조절하면 위치가 바뀌고

aside와 container를 box div로 묶어서 box의 margin을 0 auto로 입력해도 되긴 했지만, index.php에 코딩되어있는 최신글이 container와 aside 빈 공간에 껴서 출력되는 문제가 있습니다.

도움부탁드립니다. ㅠㅠ 인트라넷 상이라 소스코드 업로드가 힘드네요.. 

답변 3개 / 댓글 3개

채택된 답변
+20 포인트
2016-06-23 (목) 18:30:14

 wrapper 안에 aside와 container div로 구성되어있고 

 

wrapper 클래스에는 aside와 container에 총넓이를 줍니다

 

예를들어 1000px

 

container 넓이가 800이고 aside가 200 width를 줍니다.


wrapper

container aside 

/wrapper

 

이렇게 위치되겠죠?


만약 aside 좌측에 간격을 준다면 padding-left:20px 으로 20정도간격을 주되


aside 넓이는 180으로 줄어들겠죠? 또는 컨테이너에 넓이 780이 됩니다.


그상태에서


width 넓이값을 주었기 때문에 margin:0 auto; 라는 속성값이 들어갑니다.


이건 넓이만큼 가운데 정렬을 할수 있습니다.

답변에 대한 댓글 1개

감사합니다. ~! 보완할 수 있었습니다. ^ ^
text-align:center

답변에 대한 댓글 1개

default.css 에서 #wrapper, container, aside 관련 부분에 다 넣어봤지만 해결이 안되네요 .. ㅠㅠ
2016-06-23 (목) 17:51:30

주소를 공개하면 고수님들이 도움을 주실 것입니다.

아니면 그누보드 원본을 참고하세요.

답변에 대한 댓글 1개

인트라넷에서 개인PC로 basic테마 수정중이라서요 ㅠㅠ

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