이전에 처럼 광고 코드를 삽입했는데 레이아웃이 깨지거나 특히 IE6등에서 깨질경우가 있습니다. 그럴경우는 수정을 해줘야합니다.
이전글과 연관된 글이기에 이전글을 읽어보시기 바랍니다.
이전글 1탄 보기 => http://demun.tistory.com/1841

그리고 브라우져 엔진마다 렌더링이 다르기 때문에 딱 맞는 너비보다는약간 여유를 두고 삽입하는것을 추천합니다.

무슨말이냐???
본문 너비가 610px일경우 610px에 맞게 삽입하지 말고 대략 600px정도에 맞게 삽입하는것이 레이아웃이 깨지지 않고 모든 브라우져에서도 동일하게 보여진다는 말입니다.
 
IE6의 경우 float버그가 있습니다.
이전글에서 보면 float을 왼쪽으로 한번, 오른쪽으로 한번 주었습니다. float특성상 왼쪽으로 주면 차곡, 차곡 쌓여야하는데 ie6은 그렇지 못하고 여백을 두배로 주는 버그가 있습니다. 
그래서 왼쪽한번,오른쪽한번 준것입니다.

좀더 확실하게 사용하기 위해 핵을 사용합니다.
레이아웃을 만들때 포함해서 사용하는 아주 좋은 코드가 있습니다. 제가 스킨에 포함하는 코드인데요. 코드는 아래와 같습니다. 없을때는 추가하시면 되구, 있으면 참고삼아 보세요.
/* Float bug */
.clearfix:after{content:".";display:block;clear:both;visibility:hidden;height:0}
.clearfix{display: inline-block}
/* Hides from IE-mac \*/
* html .clearfix{height:1%}
/* */
위 코드가 css 에 있다고 가정하고 html 코드를 다시 한번 보겠습니다.
여기서도 마찬가지로 본문 너비가 600px 라고 가정하고 300*250짜리 광고 두개를 넣는다고 가정합니다.
html 코드에 클래스만 하나 더 추가해주면 됩니다.
!! 치환자의 경우 ##_치환자_###\#_치환자_## 로 표시됩니다.!!
<!-- 본문내 구글광고 -->
<div class="gAds clearfix" >
	<div class="gLeft">
		왼쪽 구글광고 300*250
	</div>
	<div class="gRight">
		오른쪽 구글광고 300*250
	</div>
	<div class="clear"></div>
</div><!-- //본문내 구글광고 -->

            



            
이전에 처럼 광고 코드를 삽입했는데 레이아웃이 깨지거나 특히 IE6등에서 깨질경우가 있습니다. 그럴경우는 수정을 해줘야합니다.
이전글과 연관된 글이기에 이전글을 읽어보시기 바랍니다.
이전글 1탄 보기 => http://demun.tistory.com/1841

그리고 브라우져 엔진마다 렌더링이 다르기 때문에 딱 맞는 너비보다는약간 여유를 두고 삽입하는것을 추천합니다.

무슨말이냐???
본문 너비가 610px일경우 610px에 맞게 삽입하지 말고 대략 600px정도에 맞게 삽입하는것이 레이아웃이 깨지지 않고 모든 브라우져에서도 동일하게 보여진다는 말입니다.
 
IE6의 경우 float버그가 있습니다.
이전글에서 보면 float을 왼쪽으로 한번, 오른쪽으로 한번 주었습니다. float특성상 왼쪽으로 주면 차곡, 차곡 쌓여야하는데 ie6은 그렇지 못하고 여백을 두배로 주는 버그가 있습니다. 
그래서 왼쪽한번,오른쪽한번 준것입니다.

좀더 확실하게 사용하기 위해 핵을 사용합니다.
레이아웃을 만들때 포함해서 사용하는 아주 좋은 코드가 있습니다. 제가 스킨에 포함하는 코드인데요. 코드는 아래와 같습니다. 없을때는 추가하시면 되구, 있으면 참고삼아 보세요.
/* Float bug */
.clearfix:after{content:".";display:block;clear:both;visibility:hidden;height:0}
.clearfix{display: inline-block}
/* Hides from IE-mac \*/
* html .clearfix{height:1%}
/* */
위 코드가 css 에 있다고 가정하고 html 코드를 다시 한번 보겠습니다.
여기서도 마찬가지로 본문 너비가 600px 라고 가정하고 300*250짜리 광고 두개를 넣는다고 가정합니다.
html 코드에 클래스만 하나 더 추가해주면 됩니다.
!! 치환자의 경우 ##_치환자_###\#_치환자_## 로 표시됩니다.!!
<!-- 본문내 구글광고 -->
<div class="gAds clearfix" >
	<div class="gLeft">
		왼쪽 구글광고 300*250
	</div>
	<div class="gRight">
		오른쪽 구글광고 300*250
	</div>
	<div class="clear"></div>
</div><!-- //본문내 구글광고 -->
<!-- 본문치환자 -->
css 코드도 다시 한번 정리해서 모두 보여드리겠습니다.
/* Float bug */
.clearfix:after{content:".";display:block;clear:both;visibility:hidden;height:0}
.clearfix{display: inline-block}
/* Hides from IE-mac \*/
* html .clearfix{height:1%}
/* */
.gAds{
width:600px;
height:250px;
padding:0;
margin:0;  //본문에 포함된 여백을 모두 없애줍니다.
}
.gLeft{
float:left; 
width:50%; //width:250px 를 사용해도 됩니다.
}
.gRight{
float:right: 
width:50%;
}
.clear{clear:both}
다음에는 티스토리 에디터에서 제공하는 표만들기를 사용해서 코드를 넣어보겠습니다.

<!-- 본문치환자 -->
css 코드도 다시 한번 정리해서 모두 보여드리겠습니다.
/* Float bug */
.clearfix:after{content:".";display:block;clear:both;visibility:hidden;height:0}
.clearfix{display: inline-block}
/* Hides from IE-mac \*/
* html .clearfix{height:1%}
/* */
.gAds{
width:600px;
height:250px;
padding:0;
margin:0;  //본문에 포함된 여백을 모두 없애줍니다.
}
.gLeft{
float:left; 
width:50%; //width:250px 를 사용해도 됩니다.
}
.gRight{
float:right: 
width:50%;
}
.clear{clear:both}
다음에는 티스토리 에디터에서 제공하는 표만들기를 사용해서 코드를 넣어보겠습니다.