묻고답하기
웹표준으로 코딩중인데
2012.12.23 11:46
http://sujubool.com/intro.html
웹표준으로 코딩해서 이 페이지를 만들었습니다.
http://sujubool.com/bbs/zboard.php?id=data
그런데 문제는 게시판이더군요.
모바일이나 크롬에서는 intro.html처럼 정상적으로 나와요.
익스에서만 아래 첨부한 이미지처럼 나오는데 도대체 뭐가 문제길래 이렇게 나오는 걸까요?
도통 이유를 알 수 없어서 소스 첨부합니다.
제발 좀 알려주세요ㅠ_ㅠ
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr" />
<title></title>
<link rel="stylesheet" href="http://sujubool.com/1/style2.css" type="text/css" />
<script type='text/javascript' src="http://sujubool.com/1/java.js"></script>
<body>
<div id="top">
<div id="top2">
<div id="logobg"><div id="logobg2">
<div id="logo"><div id="logo2"></div>
<div id="logo3"><img src=http://sujubool.com/1/logo.jpg></div>
</div></div></div></div></div>
<div id="menubg1"><div id="menubg2">
<div id="menu"><div id="menu1"><a href="http://sujubool.com/intro.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('notice','','http://sujubool.com/1/notice_on.jpg',1)"><img src="http://sujubool.com/1/notice_off.jpg" width="159" height="29" id="notice" border="0"></a></div>
<div id="menu2"><a href="http://sujubool.com/bbs/zboard.php?id=data" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('data','','http://sujubool.com/1/data_on.jpg',1)"><img src="http://sujubool.com/1/data_off.jpg" width="159" height="29" id="data" border="0"></a></div>
<div id="menu3"><a href="http://sujubool.com/bbs/zboard.php?id=memo" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('memo','','http://sujubool.com/1/memo_on.jpg',1)"><img src="http://sujubool.com/1/memo_off.jpg" width="159" height="29" id="memo" border="0"></a></div>
<div id="menu4"><a href="http://sujubool.com/bbs/zboard.php?id=board" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('board','','http://sujubool.com/1/board_on.jpg',1)"><img src="http://sujubool.com/1/board_off.jpg" width="159" height="29" id="board" border="0"></a></div>
<div id="menu5"><a href="http://sujubool.com/bbs/zboard.php?id=support" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('support','','http://sujubool.com/1/support_on.jpg',1)"><img src="http://sujubool.com/1/support_off.jpg" width="159" height="29" id="support" border="0"></a></div>
<div id="menu6"><a href="http://sujubool.com/bbs/zboard.php?id=master" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('master','','http://sujubool.com/1/master_on.jpg',1)"><img src="http://sujubool.com/1/master_off.jpg" width="159" height="29" id="master" border="0"></a></div>
</div></div></div></div>
<div id="middle"></div>
<div id="main">
<div id="main2">내용</div></div>
<div id="middle2"></div>
<div id="foot1"></div>
<div id="foot2"><div id="foot3"><img src=http://sujubool.com/1/foot.jpg></div></div>
</body>
</html>
CSS를 안봐서 잘 모르겠지만
구조적 문제가 아닌가 생각됩니다.
필요하지않은 DIV 사용이 많은거같네요.
#top {border-top:6px solid #555;}
.logo {width:979px; margin:0 auto; position:relative; top:-6px;}
.logo img {border-top:10px solid #4db5b4;}
<div id="top">
<div id="logo"><img src="#" alt="#" /></div>
</div>
위에 처럼만 해도 원하는그림은 충분히 나올거같습니다.