로그인부분은 php로 분류를 해줘야 합니다. 스킨 소스 아래와 같이 변경되었습니다.

<!--@if(!$_SESSION[mem_id])-->
   <p><a href="/login">로그인</a> <a href="/join">회원가입</a></p>
<!--@else-->
   <p><a href="/login">로그아웃</a></p>
<!--@end-->

 

첫번째 공지사항이 중앙으로 밀리는 이유는 해당 리스트의 위에 카테고리가 있는게 확인 되었습니다.

카테고리 li들은 float:left의 속성을 가지고 있습니다.

float:left를 하면서 ul의 영역이 사라졌고 ul의 부모태그는 넓이값만 가지게 됩니다. 그러면서 중앙으로 밀렸습니다.

아래의 빨간박스 부분에 ul{clear:both;}  css를 추가 해주세요.

 

아래 소스는 참고사항입니다.

<div>  //자식태그가 영역이 없어지면서 넓이값만 보유

   <ul>  //자식태그가 float:left되면서 영역이 없어짐

     <li style="float:left;"></li>

     <li style="float:left;"></li>

     <li style="float:left;"></li>

   </ul>

</div>

<div class="notice"> //공지 - 상단의 태그의 높이가 사라지면서 위로 올라갑니다. 올라가면서 상단태그의 넓이에 따라 우측으로 밀려남

</div>

위와 같은 상황에서는 float:left를 한 태그가 있을 경우 부모태그(ul)에 css를 적용해주세요

ul:after{content:'';display:block;content:'';}

를 적용하시면 해결됩니다.

또는 하단 공지 div태그에 clear:both를 적용해 주셔도 됩니다.