묻고답하기
익스 6과 익스 8 차이
2011.09.23 19:05
익스플로어 8에서는 문제없는데 익스플로어6에서는 줄이한줄생기네요..
헤더아래 줄이생겨요
왜그러죠
http://www.callsaju.com
인덱스레이아웃과 서브페이지용 두개입니다.
제가 간단히 만든건데요..
인덱스는
헤드
좌메뉴, 콘텐츠
풋
-------------
서브는
헤드
좌메뉴1, 확장1, 콘텐츠
풋
입니다.
인덱스-layout.html
<!--// js 파일 import -->
<!--%import("js/xe_official.js")-->
<!--// 레이아웃과 연동될 css 파일 import -->
<!--%import("css/new.css")-->
<div id='wrap' >
<div id='header0' > <img src="http://www.callsaju.com/callsaju1109/index_1.jpg" alt="" class="mask" />
</div>
<div id="body">
<div id="extension1">
<!-- start-e1 -->
<script type="text/javascript">displayMultimedia("http://www.callsaju.com/callsaju1109/menu.swf",
"208","310",false );</script>
<!-- end-e1 -->
</div>
<div id="content">
{$content}
</div>
</div>
<div id='foot' >
<img src="http://www.callsaju.com/callsaju1109/index_6.jpg" alt="" class="mask" />
</div>
</div>
===============================================================================
인덱스 css파일
@charset "utf-8";
body {margin: 0; padding: 0; background:url(http://www.callsaju.com/callsaju1109/bg.jpg);}
img {border: 0;}
div#wrap { margin:0 auto; height:715px; width:1000px; }
#header0 {border:0; margin: 0; padding: 0; top:0px; height: 138px; width: 1000px; }
#body{position:relative; border:0; margin: 0; padding: 0; top:0px; height: 310px; width: 1000px; }
#extension1{position:relative; float:left; border:0; margin: 0; padding: 0; top:0px; height: 310px; width: 208px; }
/* #extension2{position:relative; float:left; border:0; margin: 0; padding: 0; top:0px; height: 582px; width: 192px; } */
#content{ position:relative; float:left; border:0; margin: 0; padding: 0; top:0px; height: 310px; width: 792px; }
#foot { margin: 0; padding: 0;height: 267px; width: 1000px; position: relative; }
=========================================