"대문"의 두 판 사이의 차이

10번째 줄: 10번째 줄:
 
|}
 
|}
 
</div><!-- /머릿글 -->
 
</div><!-- /머릿글 -->
<div style="float:left;">
+
<div style="border: 1px solid gold; float: left; width: 33%;">
 +
첫번째 영역
 +
</div>
 +
<div style="border: 1px solid red; float: left; width: 33%;">
 +
두번째 영역
 +
</div>
 +
<div style="border: 1px solid blue; float: left; width: 33%;">
 +
세번째 영역
 +
</div>
 +
<div>
 +
<div style="clear: both;float:left;width:30%">
 
{{:성경목차}}
 
{{:성경목차}}
 
</div>
 
</div>
 +
<div style="clear: both;float:right;width:30%">
 +
두번째칸
 +
</div>
 +
 
<!-- 본문 -->
 
<!-- 본문 -->
<div id="mp_contents" class="mp_outerbox" style="clear: both; height: 100%; font-size: small;">
+
<div id="mp_contents" class="mp_outerbox" style="clear: both; height: 100%; font-size: small;width:60%;">
 
<!-- 본문 왼쪽 -->
 
<!-- 본문 왼쪽 -->
<div id="mp_contentsL" style="float: left; width: 62.99%; height: 100%;">
+
<div id="mp_contentsL" style="float: left; width: 52.99%; height: 100%;">
 
<!-- 알찬 글 -->
 
<!-- 알찬 글 -->
 
<div id="mp_featuredArticle" class="mp_contentsbox" style="border:1px solid #a7d7f9; margin: 0.5em 0.5em 0 0; vertical-align:top; padding: 1em; overflow: auto; -moz-border-radius: 0.8em; -webkit-border-radius: 0.8em; border-radius: 0.8em;">
 
<div id="mp_featuredArticle" class="mp_contentsbox" style="border:1px solid #a7d7f9; margin: 0.5em 0.5em 0 0; vertical-align:top; padding: 1em; overflow: auto; -moz-border-radius: 0.8em; -webkit-border-radius: 0.8em; border-radius: 0.8em;">
33번째 줄: 47번째 줄:
 
</div><!-- /본문 왼쪽 -->
 
</div><!-- /본문 왼쪽 -->
 
<!-- 본문 오른쪽 -->
 
<!-- 본문 오른쪽 -->
<div id="mp_contentsR" style="width: 36.99%; height: 100%; float: right;">
+
<div id="mp_contentsR" style="width: 26.99%; height: 100%; float: left;">
 
<!-- 위키백과 소개 -->
 
<!-- 위키백과 소개 -->
 
<div id="mp_introduce" class="mp_contentsbox" style="border:1px solid #a7d7f9; margin: 0.5em 0 0 0.5em; vertical-align:top; padding: 1em; overflow: auto; background-color: #eef6ff; -moz-border-radius: 0.8em; -webkit-border-radius: 0.8em; border-radius: 0.8em;">
 
<div id="mp_introduce" class="mp_contentsbox" style="border:1px solid #a7d7f9; margin: 0.5em 0 0 0.5em; vertical-align:top; padding: 1em; overflow: auto; background-color: #eef6ff; -moz-border-radius: 0.8em; -webkit-border-radius: 0.8em; border-radius: 0.8em;">
51번째 줄: 65번째 줄:
 
<!-- /본문 오른쪽 -->
 
<!-- /본문 오른쪽 -->
 
</div></div>
 
</div></div>
 +
</div>
 
<!-- /본문 -->
 
<!-- /본문 -->

2016년 11월 7일 (월) 19:56 판