테이블 틀어짐 문제 도움요청이요 ㅠㅠㅠ 정보
테이블 틀어짐 문제 도움요청이요 ㅠㅠㅠ관련링크
본문
기존에 있던 index.php를 수정해서 사용했는데.. 테이블이 틀어져서 도움을 요청합니다.
곁눈질로 html을 배워서 기본적인 table도 멍청하게 이러고 있네요
하단은 그럭저럭 고쳤는데 상단의 로그인창이 오른쪽으로 치우쳐서 나오고
메인 롤링배너 옆에 테이블이 늘어져서 나오고 있어요 ㅠㅠㅠ
익스나 크롬이나 둘다에서 그런거 보니 제가 뭔가 빼먹고 있는거 같은데 어느 부분을 수정해야할지
도움좀 부탁드려요
아래는 적용된 index.php 소스입니다. (main으로 바꾸어서 테스트 하고 있습니다)
<?
include_once("_common.php");
//모바일 자동 이동
$chk_mobile = chkMobile();
if($_GET['from'] == 'mobile'){
//새션 생성 이유는 모바일기기에서 PC버전 갔을경우 index.php을 다시 접속했을때 모바일로 오지않고 pc버전 유지하기 위해서이다.
set_session("frommoblie", "1");
}
//모바일페이지로 이동,
if($chk_mobile == true && !$_SESSION['frommoblie']){
header("location:/{$g4['g4m_path'] }");
}
include_once("$g4[path]/head.sub.php");
include_once("$g4[path]/lib/latest.lib.php");
include_once("$g4[path]/lib/outlogin.lib.php");
include $g4[path]."/popup_open.php";
?>
<html>
<head>
<!--
var divpop = document.getElementById( "divpop");
cookiedata = document.cookie;
if(cookiedata.indexOf("viewPop=ok") < 0){
divpop.style.visibility = "visible";//사용을 원하면 hidden ->visible 로 바꿔주세요.
}
else{
divpop.style.visibility = "hidden";
}
//-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
function MM_openBrWindow(theURL,winName,features) { //v2.0
window.open(theURL,winName,features);
}
//-->
</script>
<style type="text/css">
body {
margin-left: 10px;
}
</style>
</head>
<body topmargin="0" marginheight="0" oncontextmenu="return false" onselectstart="return false" ondragstart="return false">
<table width="" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="225" height="55" colspan="2"><img src="images/logo.gif" border="0" usemap="#Map8"></td>
<td width="799" colspan="2" valign="bottom"><?=outlogin("outlogin_p"); //아웃로그인 출력 ?></td>
</tr>
<tr>
<td height="28" width="1024" colspan="3" border="0" cellspacing="0" cellpadding="0"><div align="center"><? include_once("$g4[path]/menu/menu.php"); ?></div></td>
</tr>
<tr>
<td width="760" height="300" rowspan="8"><?= latest("ez_slider", "main", 4, 30, 1); ?></td>
<td width="258"><img src="images/index_20.gif" width="258" height="26" border="0" usemap="#Map3"></td>
</tr>
<tr>
<td height="90"><? echo latest("notice", notice, 6, 50);?></td>
</tr>
<tr>
<td height="5"></td>
</tr>
<tr>
<td width="258"><img src="images/index_11.gif" width="258" height="88"></td>
</tr>
<tr>
<td height="5"></td>
</tr>
<tr>
<td width="258" height="26"><img src="images/index_13.gif" width="258" height="26"></td>
</tr>
<tr>
<td><img src="images/index_14.gif" width="258" height="31" border="0" usemap="#Map2"></td>
</tr>
<tr>
<td colspan="2"></td>
</tr>
<tr>
<td colspan="3"><table width="1024" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="258" height="247" valign="top"><table width="258" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="270" height="26"><img src="images/index_06.gif" width="270" border="0" height="26"></td>
</tr>
<tr>
<td height="117" valign="top"> <table width="258" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="bottom"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="270" height="165">
<param name="movie" value="images/aa.swf">
<param name="quality" value="high">
<embed src="images/aa.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="270" height="165"></embed></object></td>
</tr>
</table></td>
</tr>
<tr>
<td><table width="258" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="196"><img src="images/index_12.gif" width="270" height="50" border="0" usemap="#map7"></td>
</tr>
</table></td>
</tr>
</table></td>
<td width="317" height="247" valign="top"><table width="313" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="317"><img src="images/index_05.gif" width="313" height="26" border="0" usemap="#Map4"></td>
</tr>
<tr>
<td valign="top"></td>
</tr>
</table>
<table width="755">
<tr>
<td width="755"><?=latest("basic2", "ex", 4);?></td>
</tr>
</table></td>
<td></td>
<td height="170" valign="top"> <table border="0" cellspacing="0" cellpadding="0">
<tr>
<td> </td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
<tr>
<td colspan="3"><table width="1024" border="0" cellspacing="0" cellpadding="0">
<tr>
<td heighy="5"><?=latest("logo_scroll", "banner", 10, 70);?></td>
</tr>
<tr>
<td><img src="images/index_15_1.gif" width="1024" height="23" border="0" usemap="#Map"></td>
</tr>
<tr>
<td><img src="images/index_16.gif" width="1024" height="55" border="0" usemap="#Map5"></td>
</tr>
</table></td>
</tr>
</table>
<map name="Map">
<area shape="rect" coords="341,2,390,21" href="company1.php">
<area shape="rect" coords="341,2,390,21" href="company1.php">
<area shape="rect" coords="529,3,577,21" href="kind.php">
<area shape="rect" coords="603,2,667,21" href="http://mdsk.co.kr/bbs/board.php?bo_table=zido&wr_id=2">
<area shape="rect" coords="414,2,512,22" href="#" onClick="MM_openBrWindow('solo.html','개인정보취급방침','scrollbars=yes,width=705,height=750')">
</map>
<map name="Map6" id="Map6">
<area shape="rect" coords="2,2,64,56" href="kind.php">
<area shape="rect" coords="2,60,77,103" href="http://mdsk.co.kr/bbs/board.php?bo_table=zido&wr_id=2">
</map>
<map name="Map2">
<area shape="rect" coords="7,3,98,29" href="" onClick="MM_openBrWindow('view1.htm','카다로그','width=280,height=60 ,left=400, top=300')">
<area shape="rect" coords="103,2,171,32" href="" onClick="MM_openBrWindow('view2.htm','추출기','width=280,height=60,left=400, top=300')">
<area shape="rect" coords="180,3,248,30" href="" alt="증삼기 설명서" onClick="MM_openBrWindow('view3.htm','증포기','width=280,height=60,left=400, top=300')">
</map>
<map name="Map3">
<area shape="rect" coords="200,2,251,25" href="http://mdsk.co.kr/bbs/board.php?bo_table=notice">
</map>
<map name="Map4">
<area shape="rect" coords="254,2,301,26" href="http://mdsk.co.kr/bbs/board.php?bo_table=ex">
</map>
<map name="Map5">
<area shape="rect" coords="59,3,228,51" href="index.php">
<area shape="rect" coords="701,4,899,49" href="<?=$g4[path]?>/m/?from=pc">
</map>
<map name="map7">
<area shape="rect" coords="4,2,68,50" href="#" alt="제품소개">
<area shape="rect" coords="70,2,124,49" href="#" alt="고객센터">
<area shape="rect" coords="132,2,189,49" href="#" alt="서비스안내">
<area shape="rect" coords="194,2,257,48" href="#" alt="찾아오는길">
</map>
<map name="Map8">
<area shape="rect" coords="1,2,225,54" href="index.php" alt="처음화면으로">
</map>
</body>
</html>
곁눈질로 html을 배워서 기본적인 table도 멍청하게 이러고 있네요
하단은 그럭저럭 고쳤는데 상단의 로그인창이 오른쪽으로 치우쳐서 나오고
메인 롤링배너 옆에 테이블이 늘어져서 나오고 있어요 ㅠㅠㅠ
익스나 크롬이나 둘다에서 그런거 보니 제가 뭔가 빼먹고 있는거 같은데 어느 부분을 수정해야할지
도움좀 부탁드려요
아래는 적용된 index.php 소스입니다. (main으로 바꾸어서 테스트 하고 있습니다)
<?
include_once("_common.php");
//모바일 자동 이동
$chk_mobile = chkMobile();
if($_GET['from'] == 'mobile'){
//새션 생성 이유는 모바일기기에서 PC버전 갔을경우 index.php을 다시 접속했을때 모바일로 오지않고 pc버전 유지하기 위해서이다.
set_session("frommoblie", "1");
}
//모바일페이지로 이동,
if($chk_mobile == true && !$_SESSION['frommoblie']){
header("location:/{$g4['g4m_path'] }");
}
include_once("$g4[path]/head.sub.php");
include_once("$g4[path]/lib/latest.lib.php");
include_once("$g4[path]/lib/outlogin.lib.php");
include $g4[path]."/popup_open.php";
?>
<html>
<head>
<!--
var divpop = document.getElementById( "divpop");
cookiedata = document.cookie;
if(cookiedata.indexOf("viewPop=ok") < 0){
divpop.style.visibility = "visible";//사용을 원하면 hidden ->visible 로 바꿔주세요.
}
else{
divpop.style.visibility = "hidden";
}
//-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
function MM_openBrWindow(theURL,winName,features) { //v2.0
window.open(theURL,winName,features);
}
//-->
</script>
<style type="text/css">
body {
margin-left: 10px;
}
</style>
</head>
<body topmargin="0" marginheight="0" oncontextmenu="return false" onselectstart="return false" ondragstart="return false">
<table width="" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="225" height="55" colspan="2"><img src="images/logo.gif" border="0" usemap="#Map8"></td>
<td width="799" colspan="2" valign="bottom"><?=outlogin("outlogin_p"); //아웃로그인 출력 ?></td>
</tr>
<tr>
<td height="28" width="1024" colspan="3" border="0" cellspacing="0" cellpadding="0"><div align="center"><? include_once("$g4[path]/menu/menu.php"); ?></div></td>
</tr>
<tr>
<td width="760" height="300" rowspan="8"><?= latest("ez_slider", "main", 4, 30, 1); ?></td>
<td width="258"><img src="images/index_20.gif" width="258" height="26" border="0" usemap="#Map3"></td>
</tr>
<tr>
<td height="90"><? echo latest("notice", notice, 6, 50);?></td>
</tr>
<tr>
<td height="5"></td>
</tr>
<tr>
<td width="258"><img src="images/index_11.gif" width="258" height="88"></td>
</tr>
<tr>
<td height="5"></td>
</tr>
<tr>
<td width="258" height="26"><img src="images/index_13.gif" width="258" height="26"></td>
</tr>
<tr>
<td><img src="images/index_14.gif" width="258" height="31" border="0" usemap="#Map2"></td>
</tr>
<tr>
<td colspan="2"></td>
</tr>
<tr>
<td colspan="3"><table width="1024" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="258" height="247" valign="top"><table width="258" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="270" height="26"><img src="images/index_06.gif" width="270" border="0" height="26"></td>
</tr>
<tr>
<td height="117" valign="top"> <table width="258" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="bottom"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="270" height="165">
<param name="movie" value="images/aa.swf">
<param name="quality" value="high">
<embed src="images/aa.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="270" height="165"></embed></object></td>
</tr>
</table></td>
</tr>
<tr>
<td><table width="258" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="196"><img src="images/index_12.gif" width="270" height="50" border="0" usemap="#map7"></td>
</tr>
</table></td>
</tr>
</table></td>
<td width="317" height="247" valign="top"><table width="313" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="317"><img src="images/index_05.gif" width="313" height="26" border="0" usemap="#Map4"></td>
</tr>
<tr>
<td valign="top"></td>
</tr>
</table>
<table width="755">
<tr>
<td width="755"><?=latest("basic2", "ex", 4);?></td>
</tr>
</table></td>
<td></td>
<td height="170" valign="top"> <table border="0" cellspacing="0" cellpadding="0">
<tr>
<td> </td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
<tr>
<td colspan="3"><table width="1024" border="0" cellspacing="0" cellpadding="0">
<tr>
<td heighy="5"><?=latest("logo_scroll", "banner", 10, 70);?></td>
</tr>
<tr>
<td><img src="images/index_15_1.gif" width="1024" height="23" border="0" usemap="#Map"></td>
</tr>
<tr>
<td><img src="images/index_16.gif" width="1024" height="55" border="0" usemap="#Map5"></td>
</tr>
</table></td>
</tr>
</table>
<map name="Map">
<area shape="rect" coords="341,2,390,21" href="company1.php">
<area shape="rect" coords="341,2,390,21" href="company1.php">
<area shape="rect" coords="529,3,577,21" href="kind.php">
<area shape="rect" coords="603,2,667,21" href="http://mdsk.co.kr/bbs/board.php?bo_table=zido&wr_id=2">
<area shape="rect" coords="414,2,512,22" href="#" onClick="MM_openBrWindow('solo.html','개인정보취급방침','scrollbars=yes,width=705,height=750')">
</map>
<map name="Map6" id="Map6">
<area shape="rect" coords="2,2,64,56" href="kind.php">
<area shape="rect" coords="2,60,77,103" href="http://mdsk.co.kr/bbs/board.php?bo_table=zido&wr_id=2">
</map>
<map name="Map2">
<area shape="rect" coords="7,3,98,29" href="" onClick="MM_openBrWindow('view1.htm','카다로그','width=280,height=60 ,left=400, top=300')">
<area shape="rect" coords="103,2,171,32" href="" onClick="MM_openBrWindow('view2.htm','추출기','width=280,height=60,left=400, top=300')">
<area shape="rect" coords="180,3,248,30" href="" alt="증삼기 설명서" onClick="MM_openBrWindow('view3.htm','증포기','width=280,height=60,left=400, top=300')">
</map>
<map name="Map3">
<area shape="rect" coords="200,2,251,25" href="http://mdsk.co.kr/bbs/board.php?bo_table=notice">
</map>
<map name="Map4">
<area shape="rect" coords="254,2,301,26" href="http://mdsk.co.kr/bbs/board.php?bo_table=ex">
</map>
<map name="Map5">
<area shape="rect" coords="59,3,228,51" href="index.php">
<area shape="rect" coords="701,4,899,49" href="<?=$g4[path]?>/m/?from=pc">
</map>
<map name="map7">
<area shape="rect" coords="4,2,68,50" href="#" alt="제품소개">
<area shape="rect" coords="70,2,124,49" href="#" alt="고객센터">
<area shape="rect" coords="132,2,189,49" href="#" alt="서비스안내">
<area shape="rect" coords="194,2,257,48" href="#" alt="찾아오는길">
</map>
<map name="Map8">
<area shape="rect" coords="1,2,225,54" href="index.php" alt="처음화면으로">
</map>
</body>
</html>
댓글 전체
로고 부분과 로그인 부분을 테이블을 합치시고
그 테이블안에서 다시 테이블을 나눠서 하시는게 편할듯 하네요.
<table>
<tr><td colspan="3">
<table><tr><td>
로고
</td>
<td>로그인</td>
</tr></table>
</td></tr></table>
그 테이블안에서 다시 테이블을 나눠서 하시는게 편할듯 하네요.
<table>
<tr><td colspan="3">
<table><tr><td>
로고
</td>
<td>로그인</td>
</tr></table>
</td></tr></table>
에이치님의 답변을 힌트삼아 고치고 있습니다!!!!!!! 감사합니다!!!!!!
기초부터 차근차근 다시 배워야 겠어욬ㅋㅋㅋㅋ큐ㅠ
기초부터 차근차근 다시 배워야 겠어욬ㅋㅋㅋㅋ큐ㅠ
가급적이면 이런 부분은 div코딩을 하시는 것이 좋을 듯 합니다.
답변감사합니다! div코딩을 알아봐야겠네요 ㅎㅎ