<div id="contentBody">

        <div id="columnLeft">
         </div>

        <div id="columnRight">
        </div>

     </div>

div에 id를 부여한다는건 이런 의미입니다

이렇게 id를 부여하게 되면 css파일에서 해당 id의 속성을 부여할 수 있는거죠

질문하신 것 처럼 왼쪽에 그림을 넣고 오른쪽에 내용을 넣어보면요

편의상 전체 1000px 그림 300px 내용 700px로 한다고 하겠습니다

   <div id="contentBody">

        <div id="columnLeft">
               <!-- 이미지를 넣구요... -->
               <img src="./images/left.gif" alt="left" />
         </div>

        <div id="columnRight">
                <!-- 본문입니다 -->
                {$content}
        </div>

     </div>

layout.html 에 이렇게 넣으시구요 css에서 다음과 같이 합니다

#contentBody { width:1000px}
#columnLeft { width:300px;float:left;}
#columnRight { width:700px;float:right}

이렇게 html에서 부여해준 div id를 지목해서 각각의 속성을 부여하는거죠

상세한 css문법은 publishing 메뉴에 있는 문서들을 참고하시면 될 것 같네요