묻고답하기
IE6에서 홈페이지가 제대로 나오지 않습니다.[코드 전체 첨부]
2008.08.11 22:08
http://erika.ivyro.net
IE7에선 원활히 나오는데, IE6에선 {$content}부분이 메뉴 밑으로 내려가버립니다.
layout.html과 ttstyle.css첨부합니다.
IE6에서만 이런 현상이 보이는데 제 짧은 실력으로는 도대체 감을 못잡겠습니다 ㅠㅠ
고수분들의 많은 도움 부탁드려요 ㅠㅠ
IE7에선 원활히 나오는데, IE6에선 {$content}부분이 메뉴 밑으로 내려가버립니다.
layout.html과 ttstyle.css첨부합니다.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset="utf-8" />
<title>touhouTycoon6</title>
<link type="text/css" rel="stylesheet" href="css/ttstyle.css" />
</head>
<body>
<!--%import("css/ttstyle.css")-->
<div id="all">
<div class="header">
<div class="menu">
<p>
<a href="http://erika.ivyro.net/zbxe/index"><img src="images/tt6menu_2_01tuned.gif" /></a><a href="http://erika.ivyro.net/zbxe/introduce"><img src="images/introduce.gif" /></a><a href="http://erika.ivyro.net/zbxe/consideration"><img src="images/consideration.gif" /></a><a href="http://erika.ivyro.net/zbxe/forum"><img src="images/forum.gif" /></a><a href="http://erika.ivyro.net/zbxe/support"><img src="images/support.gif" /></a><img src="images/tt6menu_2_03tuned.gif" />
</p>
</div>
</div>
<div class="contents">
<div class="rightmenu">
<br />
<h3>Login</h3>
<p id="login">
<img width="220px" height="100" src="http://erika.ivyro.net/zbxe/common/tpl/images/widget_bg.jpg" class="zbxe_widget_output" style="clear:both;" widget="login_info" body="" skin="xe_official" colorset="white" widget_cache="0" widget_sequence="2995" />
</p>
<h3>Link</h3>
<table id="link1">
<tr><td><img src="images/tt_banner.gif" width="200" height="40" alt="touhouTycoon
Դϴ
." /></td></tr>
<tr><td><img src="images/tt_banner_ver2.gif" width="200" height="40" alt="touhouTycoon
ʱ
Դϴ
." /></td></tr>
<tr><td><img src="images/tt_banner_ver6.gif" width="200" height="40" alt="touhouTycoon6
Դϴ
." /></td></tr>
</table>
<table id="link2">
<tr><td><a href="http://blog.naver.com/erikarct" target="_blank"><img src="images/banner_daydream.gif" width="200" height="40" alt="
ī
α
,
̵帲
Դϴ
." /></a></td></tr>
</table>
<br />
<table id="link3">
<tr><td><a href="http://www16.big.or.jp/~zun/" target="_blank"><img src="http://www16.big.or.jp/~zun/image/banner.gif" width="200" height="40" alt="
Ʈ
, ZUN
Ȩ
Դϴ
." /></a></td></tr>
<tr><td><a href="http://www.tasofro.net" target="_blank"><img src="http://www.tasofro.net/img/tf_bn.gif" width="200" height="40" alt="
, KEY
ӵ
Ȳȥ
Ƽ
Ȩ
Դϴ
." /></a></td></tr>
</table>
<table id="link4">
<tr><td><a href="http://cafe.daum.net/tongbang" target="_blank"><img src="images/bn_ddp.gif" width="200" height="40" alt="
ϰ
ִ
Ʈ ī
Դϴ
." /></a></td></tr>
<tr><td><a href="http://cherries.ivyro.net/" target="_blank"><img src="http://cherries.ivyro.net/banner.gif" width="200" height="40" alt="
ְ
÷
̾
̽
AM
Ȩ
Դϴ
." /></a></td></tr>
<tr><td><a href="http://sonya25.nayana.com/" target="_blank"><img src="http://sonya25.nayana.com/banner.jpg" width="200" height="40" alt="
̽
ī
Ȩ
Դϴ
." /></a></td></tr>
<tr><td><a href="http://cafe.naver.com/touhouwiki" target="_blank"><img src="images/nb.gif" width="200" height="40" alt="
ִ
Ʈ
Ű
Դϴ
." /></a></td></tr>
<tr><td><a href="http://cafe.naver.com/thshwiki" target="_blank"><img src="images/nb.gif" width="200" height="40" alt="
μ
濡
ڷḦ
ֽ
ϴ
." /></a></td></tr>
<tr><td><a href="http://score.royalflare.net/" target="_blank"><img src="images/nb.gif" width="200" height="40" alt="
ھ
Դϴ
." /></a></td></tr>
<tr><td><a href="http://cafe.naver.com/ljmcs" target="_blank"><img src="images/nb.gif" width="200" height="40" alt="
ī
Դϴ
." /></a></td></tr>
<tr><td><a href="http://cafe.naver.com/thbc" target="_balnk"><img src="images/thbc.gif" width="171"height="50" alt="
ΰ
ְ
ī
Դϴ
." /></a></td></tr>
</table>
<br />
<table id="ccl">
<tr><td><a rel="license" href="http://creativecommons.org/licenses/by/2.0/kr/" target="_blank"><img alt="Creative Commons License" style="border-width:0" src="http://i.creativecommons.org/l/by/2.0/kr/88x31.png" /></a><br /><span xmlns:dc="http://purl.org/dc/elements/1.1/" property="dc:title"></td></tr>
</table>
<p>
<img width="220px" height="100" src="http://erika.ivyro.net/zbxe/common/tpl/images/widget_bg.jpg" class="zbxe_widget_output" style="clear:both;" widget="counter_status" body="" skin="styx_flash" colorset="normal" widget_cache="0" widget_sequence="3127" />
</p>
</div>
<div class="realcontent">
<p>{$content}</p>
</div>
</div>
<div class="footer">
<br />
<hr /><br /><p id="copyleft">Copyleft 2008 ErikA, touhouTycoon6</p>
<br /><br />
</div>
</div>
</body>
</html>@charset "utf-8";
body {
font-family: 맑은 고딕, Tahoma, 굴림체, Arial, sans-serif;
font-size: 9pt;
background-image:url(../images/backlayout.gif);
background-repeat: repeat-x;
margin: 0px;
}
p {
font-family: 맑은 고딕, Tahoma, 굴림체, Arial, sans-serif;
font-size: 9pt;
}
td {
font-family: 맑은 고딕, Tahoma, 굴림체, Arial, sans-serif;
margin: 0px;
padding: 0px;
}
h3 {
font-family: 맑은 고딕, Tahoma, 굴림체, Arial, sans-serif;
font-size: 12pt;
font-weight: bold;
}
#all {
width : 900px;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-bottom: 0px;
background-color:#ffffff;
border-left: 1px solid #F4F4F4;
border-right: 1px solid #F4F4F4;
border-bottom: 1px solid #F4F4F4;
}
#all .menu {
text-align: center;
background-repeat: repeat-x;
margin : 0px;
}
#all .contents {
margin: -22px 35px;
width: 830px;
}
#all .rightmenu {
width: 220px;
float: right;
background-color: #F7F7F7;
text-align: center;
margin-top: 0px;
}
#all .realcontent {
margin: 0px 230px 0px 0px;
padding: 0px;
width: 600px;
}
img {
border: none;
}
#copyleft {
text-align: center;
color: #CCCCCC;
}
hr {
color: #f7f7f7;
}
#all .footer {
background-color: #f7f7f7;
width: 220px;
margin-left: auto;
margin-right: 35px;
clear: right;
}IE6에서만 이런 현상이 보이는데 제 짧은 실력으로는 도대체 감을 못잡겠습니다 ㅠㅠ
고수분들의 많은 도움 부탁드려요 ㅠㅠ