이렇게 질문하시면 답변하기 어려울듯 싶은데요.

단순한 이미지뿐이라서요. 사용하신 html , css 등을 함께 예로 올려주셔야 어디가 잘못된것인지 알려드릴수 있지 않을까요?

간단히 답변 드리면

1. 여백 조정은 margin 이나 padding 구문을 수정하시면 됩니다.

2. 가운데 정령하는 일반적인 방법은 margin: 0 auto; 를 흔히 사용합니다.

이미 알고 계실거라 생각합니다.

사용하고 계신 html 이나 css 등을 함께 알려주셔야 수정이 가능합니다.

또는 자료실에서 어떤 레이아웃을 사용중인데 어떻게 안되더라... 처럼 어떤 기준이 되는 소스가 있어야 확인해 볼 수 있습니다.

레이아웃을 만들고 계신다고 하셨으니까

님이 만든 소스를 알려주셔야 잘못된 부분을 알려드릴 수 있습니다.

ㅅㅅ

알려주신 소스를 예로 설명하겠습니다.

1. 로고 공백부분

layout.html 파일의 5번째 줄부터

<!--// Header Start -->

<div class="header_wrap">

<div class="header_container">

<div id="header"> layout.css 파일에서 #header 여백이 margin:12px 20px 15px 0; 로 정의되어 있습니다. 즉 위쪽 12px, 아래쪽 15px 정도 여백이 생깁니다.

<!--// Logo Start -->

<div id="logo">로고</a></div>

<!--// Logo End -->

</div>

</div>

</div>

<!--// Header End -->

2. 가운데 정렬부분

layout.css 파일에서 아래 구문들을 추가하세요.

body_wrap 레이어의 전체 넓이가 100% 라고 되어 있는데, 고정된 px 값을 준후 margin: 0 auto 하면 가운데 정렬하면 됩니다.

#body_wrap {

width:980px;   <--- 수정해 주세요.

margin:0 auto;  <--- 추가해 주세요.

}