힘겨운 크로스브라우징 : 고수님들, 이거좀 해결해주세요. 정말 마지막으로 부탁드립니다... 정보
힘겨운 크로스브라우징 : 고수님들, 이거좀 해결해주세요. 정말 마지막으로 부탁드립니다...
본문
오류가 나는곳의 주소를 알려주시면 더 빠르고 정확하게 답변 받을 수 있습니다.
오류 주소 :
이주일동안 이 메뉴 하나만 붇들고 씨름한끝에 불여우랑 ie6에서 작동하게 했는데, 이놈의 ie 시리지는 사람을 정말 '엿'먹이네요. 큭... 좋아라 하고 ie7로 켜봤더니, 와.... 포기하고 싶어지더라고요! 차근차근 하나하나 다 살펴봐도, 머리가 아프고, 도통 이해할수 없는 현상이라 크로스브라우징 잘아시는 분께 여쭙니다. 아래 소스 첨부했는데, 테이블 안에 <ul>...</ul> 가 있을때는 메뉴가 왕창 깨져버리고, 테이블 밖에 있을경우는 괜찮습니다. 불여우랑 ie6에서는 안에있을때나 밖에있을때 상관없이 잘 나오는데... 이놈의 ie7는 정말... 뭐가 문제인가요?... 어떻게하면 불여우랑 ie6에서 볼 때 처럼 나타낼수 있나요? 정말 부탁드립니다. 읽어주셔서 감사합니다.
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=<?=$g4['charset']?>" />
<title>menubar</title>
<style>
#nav,
#nav ul {padding:0; margin:0; list-style:none; font: 9pt arial, verdana, sans-serif; background:url(transparent.gif); position:relative; z-index:100;}
#nav {height:17px; width:100%; padding-left:0; /*background:;*/}
#nav table {border-collapse:collapse;}
#nav li {float:left;}
#nav li li {float:none;}
/* a hack for IE5.x and IE6 */
#nav li a li {float:left;}
/*#nav li a {display:block; float:left; color:#fff; height:17px; padding:0 20px 0 10px; line-height:16px; text-decoration:none; white-space:nowrap; font-weight:bold; border-left:1px solid #000;}*/
#nav li a {display:block; float:left; color:#fff; height:17px; padding:0 10px 0 10px; line-height:16px; font-size:9pt; text-decoration:none; white-space:nowrap; border-left:1px solid #000;}
#nav li li a {height:17px; line-height:15px; float:none;}
#nav li:hover {position:relative; z-index:100;}
#nav a:hover {position:relative; z-index:100; background:#332A22; color:#fff; border-left:1px solid #332A23;}
#nav li:hover > a {border-left:1px solid #332A23; background:#332A22; color:#fff;}
#nav :hover ul {left:0; top:17px; border-left:1px solid #332A22; z-index:300;}
#nav a:hover ul {left:-1px;}
#nav ul {position:absolute; left:-9999px; top:-9999px;}
/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover li:hover > ul {left:0; margin-left:100%; top:0;}
/* keep further levels hidden */
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed */
#nav li:hover li:hover > a {background:#332A22; color:#fff; border-left:1px solid #332A23;}
#nav li a:hover ul li a:hover {background:#332A22;}
/* but IE5.x and IE6 need this lot to style the flyouts*/
/* show next level */
#nav a:hover a:hover ul,
#nav a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover a:hover ul
{left:100%; top:0;}
/* keep further levels hidden */
#nav a:hover ul ul,
#nav a:hover a:hover ul ul,
#nav a:hover a:hover a:hover ul ul,
#nav a:hover a:hover a:hover a:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}
</style>
</head>
<body>
<table id="BodyFrame" border="0" cellpadding="0" cellspacing="0" summary="NamuSae Layout Skeleton">
<!-- <caption>
NamuSae Layout Skeleton
</caption> -->
<tr>
<td id="TLBS" rowspan="2" align="right" valign="top">
</td>
<td id="TLC" align="right" valign="top"><!--topleftcorner--></td>
<td id="TLCB" align="left" valign="top"><!--topleftcornerbg-->
</td>
<td id="TCBS" align="center" valign="top"></td>
<td id="TRCB" align="right" valign="top"><!--toprightcornerbg--></td>
<td id="TRC" align="left" valign="top"><!--toprightcorner--></td>
<td id="TRBS" rowspan="2" align="left" valign="top"></td>
</tr>
<tr>
<td id="TLSB" align="right" valign="top"><table id="TLB_TABLE" border="0" cellpadding="0" cellspacing="0">
<tr>
<td id="TLB" align="right" valign="top"><!--leftbg--></td>
</tr>
</table>
</td>
<td id="CONTENT" colspan="3" rowspan="2" align="center" valign="top">
<table id="CORECONTENT" border="0" cellspacing="0" cellpadding="0" summary="NamuSae Core Content Frame">
<tr>
<td id="CCROW1" align="justify" valign="middle">
<ul id="nav">
<li><a href="#nogo">Home</a></li>
<li><a href="#nogo">About us »<!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]--><ul>
<li><a href="#nogo">Who we are</a></li>
<li><a href="#nogo">What we do</a></li>
<li><a href="#nogo">Where to find us</a></li>
</ul><!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a href="#nogo">Products »<!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]--><ul>
<li><a href="#nogo">Tripods »<!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]--><ul>
<li><a href="#nogo">Monopods</a></li>
<li><a href="#nogo">Tripods</a></li>
<li><a href="#nogo">Adjutable head</a></li>
<li><a href="#nogo">Fixed</a></li>
<li><a href="#nogo">Flash mount</a></li>
<li><a href="#nogo">Floating head</a></li>
</ul><!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a href="#nogo">Films »<!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]--><ul>
<li><a href="#nogo">35mm</a></li>
<li><a href="#nogo">Color Print</a></li>
<li><a href="#nogo">Black and White</a></li>
<li><a href="#nogo">Roll</a></li>
<li><a href="#nogo">Color Slide</a></li>
</ul><!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a href="#nogo">Cameras »<!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]--><ul>
<li><a href="#nogo">Compact »<!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]--><ul>
<li><a href="#nogo">Canon</a></li>
<li><a href="#nogo">Nikon</a></li>
<li><a href="#nogo">Minolta</a></li>
<li><a href="#nogo">Pentax</a></li>
</ul><!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a href="#nogo">Digital »<!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]--><ul>
<li><a href="#nogo">Canon</a></li>
<li><a href="#nogo">Nikon »<!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]--><ul>
<li><a href="#nogo">Lenses »<!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]--><ul>
<li><a href="#nogo">Standard</a></li>
<li><a href="#nogo">Telephoto</a></li>
<li><a href="#nogo">Wide Angle</a></li>
<li><a href="#nogo">Fish Eye</a></li>
<li><a href="#nogo">Mirror</a></li>
<li><a href="#nogo">Macro</a></li>
</ul><!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a href="#nogo">Speedlight</a></li>
<li><a href="#nogo">Coolpix »<!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]--><ul>
<li><a href="#nogo">Coolpix S10</a></li>
<li><a href="#nogo">Coolpix L2</a></li>
<li><a href="#nogo">Coolpix S500</a></li>
<li><a href="#nogo">Coolpix P5000</a></li>
<li><a href="#nogo">Coolpix 4600</a></li>
<li><a href="#nogo">Coolpix S6 Silver</a></li>
</ul><!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a href="#nogo">D200</a></li>
<li><a href="#nogo">D80</a></li>
</ul><!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a href="#nogo">Minolta</a></li>
<li><a href="#nogo">Pentax</a></li>
</ul><!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a href="#nogo">SLR »<!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]--><ul>
<li><a href="#nogo">Canon</a></li>
<li><a href="#nogo">Nikon</a></li>
<li><a href="#nogo">Minolta</a></li>
<li><a href="#nogo">Pentax</a></li>
<li><a href="#nogo">Panasonic</a></li>
</ul><!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
</ul><!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a href="#nogo">Flash</a></li>
<li><a href="#nogo">Video</a></li>
</ul><!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a href="#nogo">FAQs »<!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]--><ul>
<li><a href="#nogo">Cameras</a></li>
<li><a href="#nogo">Film types</a></li>
<li><a href="#nogo">Digital Photography</a></li>
</ul><!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a href="#nogo">Privacy »<!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]--><ul>
<li><a href="#nogo">Privacy Policy</a></li>
<li><a href="#nogo">Privacy Statement</a></li>
</ul><!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a href="#nogo">Contact us</a></li>
</ul>
</td>
</tr>
<tr>
<td id="CCROW2" align="center" valign="middle">
</td>
</tr>
<tr>
<td id="CCROW3">
</td>
</tr>
<tr>
<td id="CCROW5">
</td>
</tr>
<tr>
<td id="CCROW6" align="left" valign="middle">
<div style="width:100%; height:100%; overflow-x:hidden;">
</div></td>
</tr>
<tr>
<td id="CCROW7"></td>
</tr>
<tr>
<td id="CCROW8"></td>
</tr>
</table>
<!--/Core Content-->
</td>
<td id="TRSB" align="left" valign="top"><table id="TRB_TABLE" border="0" cellpadding="0" cellspacing="0">
<tr>
<td id="TRB" align="left" valign="top"><!--rightbg--></td>
</tr>
</table>
</td>
</tr>
<tr>
<td id="BLBS" rowspan="2" align="right" valign="bottom"></td>
<td id="BLSB" align="right" valign="bottom"><table id="BLB_TABLE" border="0" cellpadding="0" cellspacing="0">
<tr>
<td id="BLB" align="right" valign="bottom"><!--leftbbg--></td>
</tr>
</table>
</td>
<td id="BRSB" align="left" valign="bottom"><table id="BRB_TABLE" border="0" cellpadding="0" cellspacing="0">
<tr>
<td id="BRB" align="left" valign="bottom"><!--rightbbg--></td>
</tr>
</table>
</td>
<td id="BRBS" rowspan="2" align="left" valign="bottom"></td>
</tr>
<tr>
<td id="BLC" align="right" valign="top"><!--bottomleftcorner--></td>
<td id="BLCB" align="left" valign="top"><!--bottomleftcornerbg--></td>
<td id="BCBS" align="center" valign="top">
</td>
<td id="BRCB" align="right" valign="top"><!--bottomrightcornerbg--></td>
<td id="BRC" align="left" valign="top"><!--bottomrightcorner--></td>
</tr>
</table>
오류 주소 :
이주일동안 이 메뉴 하나만 붇들고 씨름한끝에 불여우랑 ie6에서 작동하게 했는데, 이놈의 ie 시리지는 사람을 정말 '엿'먹이네요. 큭... 좋아라 하고 ie7로 켜봤더니, 와.... 포기하고 싶어지더라고요! 차근차근 하나하나 다 살펴봐도, 머리가 아프고, 도통 이해할수 없는 현상이라 크로스브라우징 잘아시는 분께 여쭙니다. 아래 소스 첨부했는데, 테이블 안에 <ul>...</ul> 가 있을때는 메뉴가 왕창 깨져버리고, 테이블 밖에 있을경우는 괜찮습니다. 불여우랑 ie6에서는 안에있을때나 밖에있을때 상관없이 잘 나오는데... 이놈의 ie7는 정말... 뭐가 문제인가요?... 어떻게하면 불여우랑 ie6에서 볼 때 처럼 나타낼수 있나요? 정말 부탁드립니다. 읽어주셔서 감사합니다.
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=<?=$g4['charset']?>" />
<title>menubar</title>
<style>
#nav,
#nav ul {padding:0; margin:0; list-style:none; font: 9pt arial, verdana, sans-serif; background:url(transparent.gif); position:relative; z-index:100;}
#nav {height:17px; width:100%; padding-left:0; /*background:;*/}
#nav table {border-collapse:collapse;}
#nav li {float:left;}
#nav li li {float:none;}
/* a hack for IE5.x and IE6 */
#nav li a li {float:left;}
/*#nav li a {display:block; float:left; color:#fff; height:17px; padding:0 20px 0 10px; line-height:16px; text-decoration:none; white-space:nowrap; font-weight:bold; border-left:1px solid #000;}*/
#nav li a {display:block; float:left; color:#fff; height:17px; padding:0 10px 0 10px; line-height:16px; font-size:9pt; text-decoration:none; white-space:nowrap; border-left:1px solid #000;}
#nav li li a {height:17px; line-height:15px; float:none;}
#nav li:hover {position:relative; z-index:100;}
#nav a:hover {position:relative; z-index:100; background:#332A22; color:#fff; border-left:1px solid #332A23;}
#nav li:hover > a {border-left:1px solid #332A23; background:#332A22; color:#fff;}
#nav :hover ul {left:0; top:17px; border-left:1px solid #332A22; z-index:300;}
#nav a:hover ul {left:-1px;}
#nav ul {position:absolute; left:-9999px; top:-9999px;}
/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover li:hover > ul {left:0; margin-left:100%; top:0;}
/* keep further levels hidden */
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed */
#nav li:hover li:hover > a {background:#332A22; color:#fff; border-left:1px solid #332A23;}
#nav li a:hover ul li a:hover {background:#332A22;}
/* but IE5.x and IE6 need this lot to style the flyouts*/
/* show next level */
#nav a:hover a:hover ul,
#nav a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover a:hover ul
{left:100%; top:0;}
/* keep further levels hidden */
#nav a:hover ul ul,
#nav a:hover a:hover ul ul,
#nav a:hover a:hover a:hover ul ul,
#nav a:hover a:hover a:hover a:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}
</style>
</head>
<body>
<table id="BodyFrame" border="0" cellpadding="0" cellspacing="0" summary="NamuSae Layout Skeleton">
<!-- <caption>
NamuSae Layout Skeleton
</caption> -->
<tr>
<td id="TLBS" rowspan="2" align="right" valign="top">
</td>
<td id="TLC" align="right" valign="top"><!--topleftcorner--></td>
<td id="TLCB" align="left" valign="top"><!--topleftcornerbg-->
</td>
<td id="TCBS" align="center" valign="top"></td>
<td id="TRCB" align="right" valign="top"><!--toprightcornerbg--></td>
<td id="TRC" align="left" valign="top"><!--toprightcorner--></td>
<td id="TRBS" rowspan="2" align="left" valign="top"></td>
</tr>
<tr>
<td id="TLSB" align="right" valign="top"><table id="TLB_TABLE" border="0" cellpadding="0" cellspacing="0">
<tr>
<td id="TLB" align="right" valign="top"><!--leftbg--></td>
</tr>
</table>
</td>
<td id="CONTENT" colspan="3" rowspan="2" align="center" valign="top">
<table id="CORECONTENT" border="0" cellspacing="0" cellpadding="0" summary="NamuSae Core Content Frame">
<tr>
<td id="CCROW1" align="justify" valign="middle">
<ul id="nav">
<li><a href="#nogo">Home</a></li>
<li><a href="#nogo">About us »<!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]--><ul>
<li><a href="#nogo">Who we are</a></li>
<li><a href="#nogo">What we do</a></li>
<li><a href="#nogo">Where to find us</a></li>
</ul><!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a href="#nogo">Products »<!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]--><ul>
<li><a href="#nogo">Tripods »<!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]--><ul>
<li><a href="#nogo">Monopods</a></li>
<li><a href="#nogo">Tripods</a></li>
<li><a href="#nogo">Adjutable head</a></li>
<li><a href="#nogo">Fixed</a></li>
<li><a href="#nogo">Flash mount</a></li>
<li><a href="#nogo">Floating head</a></li>
</ul><!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a href="#nogo">Films »<!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]--><ul>
<li><a href="#nogo">35mm</a></li>
<li><a href="#nogo">Color Print</a></li>
<li><a href="#nogo">Black and White</a></li>
<li><a href="#nogo">Roll</a></li>
<li><a href="#nogo">Color Slide</a></li>
</ul><!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a href="#nogo">Cameras »<!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]--><ul>
<li><a href="#nogo">Compact »<!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]--><ul>
<li><a href="#nogo">Canon</a></li>
<li><a href="#nogo">Nikon</a></li>
<li><a href="#nogo">Minolta</a></li>
<li><a href="#nogo">Pentax</a></li>
</ul><!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a href="#nogo">Digital »<!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]--><ul>
<li><a href="#nogo">Canon</a></li>
<li><a href="#nogo">Nikon »<!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]--><ul>
<li><a href="#nogo">Lenses »<!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]--><ul>
<li><a href="#nogo">Standard</a></li>
<li><a href="#nogo">Telephoto</a></li>
<li><a href="#nogo">Wide Angle</a></li>
<li><a href="#nogo">Fish Eye</a></li>
<li><a href="#nogo">Mirror</a></li>
<li><a href="#nogo">Macro</a></li>
</ul><!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a href="#nogo">Speedlight</a></li>
<li><a href="#nogo">Coolpix »<!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]--><ul>
<li><a href="#nogo">Coolpix S10</a></li>
<li><a href="#nogo">Coolpix L2</a></li>
<li><a href="#nogo">Coolpix S500</a></li>
<li><a href="#nogo">Coolpix P5000</a></li>
<li><a href="#nogo">Coolpix 4600</a></li>
<li><a href="#nogo">Coolpix S6 Silver</a></li>
</ul><!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a href="#nogo">D200</a></li>
<li><a href="#nogo">D80</a></li>
</ul><!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a href="#nogo">Minolta</a></li>
<li><a href="#nogo">Pentax</a></li>
</ul><!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a href="#nogo">SLR »<!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]--><ul>
<li><a href="#nogo">Canon</a></li>
<li><a href="#nogo">Nikon</a></li>
<li><a href="#nogo">Minolta</a></li>
<li><a href="#nogo">Pentax</a></li>
<li><a href="#nogo">Panasonic</a></li>
</ul><!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
</ul><!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a href="#nogo">Flash</a></li>
<li><a href="#nogo">Video</a></li>
</ul><!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a href="#nogo">FAQs »<!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]--><ul>
<li><a href="#nogo">Cameras</a></li>
<li><a href="#nogo">Film types</a></li>
<li><a href="#nogo">Digital Photography</a></li>
</ul><!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a href="#nogo">Privacy »<!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]--><ul>
<li><a href="#nogo">Privacy Policy</a></li>
<li><a href="#nogo">Privacy Statement</a></li>
</ul><!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a href="#nogo">Contact us</a></li>
</ul>
</td>
</tr>
<tr>
<td id="CCROW2" align="center" valign="middle">
</td>
</tr>
<tr>
<td id="CCROW3">
</td>
</tr>
<tr>
<td id="CCROW5">
</td>
</tr>
<tr>
<td id="CCROW6" align="left" valign="middle">
<div style="width:100%; height:100%; overflow-x:hidden;">
</div></td>
</tr>
<tr>
<td id="CCROW7"></td>
</tr>
<tr>
<td id="CCROW8"></td>
</tr>
</table>
<!--/Core Content-->
</td>
<td id="TRSB" align="left" valign="top"><table id="TRB_TABLE" border="0" cellpadding="0" cellspacing="0">
<tr>
<td id="TRB" align="left" valign="top"><!--rightbg--></td>
</tr>
</table>
</td>
</tr>
<tr>
<td id="BLBS" rowspan="2" align="right" valign="bottom"></td>
<td id="BLSB" align="right" valign="bottom"><table id="BLB_TABLE" border="0" cellpadding="0" cellspacing="0">
<tr>
<td id="BLB" align="right" valign="bottom"><!--leftbbg--></td>
</tr>
</table>
</td>
<td id="BRSB" align="left" valign="bottom"><table id="BRB_TABLE" border="0" cellpadding="0" cellspacing="0">
<tr>
<td id="BRB" align="left" valign="bottom"><!--rightbbg--></td>
</tr>
</table>
</td>
<td id="BRBS" rowspan="2" align="left" valign="bottom"></td>
</tr>
<tr>
<td id="BLC" align="right" valign="top"><!--bottomleftcorner--></td>
<td id="BLCB" align="left" valign="top"><!--bottomleftcornerbg--></td>
<td id="BCBS" align="center" valign="top">
</td>
<td id="BRCB" align="right" valign="top"><!--bottomrightcornerbg--></td>
<td id="BRC" align="left" valign="top"><!--bottomrightcorner--></td>
</tr>
</table>
댓글 전체
참고서?만 드릴 수 있겠네요.
http://sir.co.kr/bbs/board.php?bo_table=pl_css
http://sir.co.kr/bbs/board.php?bo_table=pl_css
