게시물 높이에 따라 틀 깨짐현상 정보
게시물 높이에 따라 틀 깨짐현상본문
안녕하세요
처음 홈페이지만들고 있는데 어려움이 많네요 ㅠ
동적으로 메뉴 높이 변경하는것을 하고싶은데
잘 안되서 마무리를 못하고있네요ㅜ
첨부된 그림처럼 왼쪽 메뉴들이 중구난방 흩어지네요
왼쪽 오른쪽 아래에 잉여 그림들어가는 테이블 높이 100% 주고
모든 테이블에 align="left" valign="top"으로 맞췄는데도 안되고 답답합니다..ㅠ
이상하게 구글크롬에선 이런현상이 없이 잘되네요?
고수분들의 친절한 답변 부탁드립니다
부족하나마 1500포인트 걸겠습니다.
http://eunseok.elogin.co.kr/eunseok
처음 홈페이지만들고 있는데 어려움이 많네요 ㅠ
동적으로 메뉴 높이 변경하는것을 하고싶은데
잘 안되서 마무리를 못하고있네요ㅜ
첨부된 그림처럼 왼쪽 메뉴들이 중구난방 흩어지네요
왼쪽 오른쪽 아래에 잉여 그림들어가는 테이블 높이 100% 주고
모든 테이블에 align="left" valign="top"으로 맞췄는데도 안되고 답답합니다..ㅠ
이상하게 구글크롬에선 이런현상이 없이 잘되네요?
고수분들의 친절한 답변 부탁드립니다
부족하나마 1500포인트 걸겠습니다.
http://eunseok.elogin.co.kr/eunseok
→ 사이트맵이나 회원가입창 가면 깨지는거 보실수 있습니다..
댓글 전체
head.sub.php 를 두번 불러온거 같습니다.
그 안에는 <table> 태그가 좀 있구요...
include 하지 마시고
include_once 를 쓰세요.
~~~~~~~~~~
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (headtail.psd - Slices: 01, 02, 03, 04, 05, 06, 07, 08, 09, 10, 11) -->
<table id="Table_01" width="1261" height="100%" border="0" cellpadding="0" cellspacing="0">
~~~~
</tr>
<tr>
<td align="left" valign="top" rowspan="5">
<!-- 메인화면 최신글 시작 -->
<html>
<head>
<title>index</title>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr">
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
</head>
<center>
<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','843','height','1500','src','sitemap','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','sitemap' ); //end AC code
</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="843" height="1500">
<param name="movie" value="sitemap.swf">
<param name="quality" value="high">
<embed src="sitemap.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="843" height="1500"></embed>
</object></noscript>
</center>
</body>
</html>
<!-- 메인화면 최신글 끝 -->
</td>
<td align="left" valign="top" >
~~~~~~~~~~~~~~~~~~~~
<table background='./skin/outlogin/22/bg.png' width=179 height=111 cellpadding=0 cellspacing=0>
여기서 로그인 시작되네요...
그 안에는 <table> 태그가 좀 있구요...
include 하지 마시고
include_once 를 쓰세요.
~~~~~~~~~~
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (headtail.psd - Slices: 01, 02, 03, 04, 05, 06, 07, 08, 09, 10, 11) -->
<table id="Table_01" width="1261" height="100%" border="0" cellpadding="0" cellspacing="0">
~~~~
</tr>
<tr>
<td align="left" valign="top" rowspan="5">
<!-- 메인화면 최신글 시작 -->
<html>
<head>
<title>index</title>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr">
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
</head>
<center>
<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','843','height','1500','src','sitemap','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','sitemap' ); //end AC code
</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="843" height="1500">
<param name="movie" value="sitemap.swf">
<param name="quality" value="high">
<embed src="sitemap.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="843" height="1500"></embed>
</object></noscript>
</center>
</body>
</html>
<!-- 메인화면 최신글 끝 -->
</td>
<td align="left" valign="top" >
~~~~~~~~~~~~~~~~~~~~
<table background='./skin/outlogin/22/bg.png' width=179 height=111 cellpadding=0 cellspacing=0>
여기서 로그인 시작되네요...
kesan님 답변감사합니다.
원래 include는 안쓰고 include_once 를 사용했는데
혹시나해서 php 열어서 확인해봤는데 include_once맞는거 같네요
head.sub.php가 두번불러지면 어떤 문제가 생기나요?ㅜ.ㅜ
작업할때 포토샵 슬라이스툴로 자른뒤에 만든건데
1 |
2 | 4*
3 |
5 |
레이아웃이 깨지지 않는 다른페이지의 경우 위의 순서로 테이블이 나눠져있어서 레이아웃이 깨져도 별 문제가 안드러나는데..(4가 게시판 이고 5가 여백테이블)
1 |
2 | 3*
4 |
5 |
현재 메인이 저런 순서로 잘려있는데요 *붙은게 index 들어가는곳인데 저부분이 늘어나면 4,5 번 테이블이 맞춰져서 늘어나네요... 여백테이블은 늘어나도 상관없지만 다른 테이블도 따라서 늘어나는걸 어떻게주체할수가 없네요 ㅜ.ㅜ
원래 include는 안쓰고 include_once 를 사용했는데
혹시나해서 php 열어서 확인해봤는데 include_once맞는거 같네요
head.sub.php가 두번불러지면 어떤 문제가 생기나요?ㅜ.ㅜ
작업할때 포토샵 슬라이스툴로 자른뒤에 만든건데
1 |
2 | 4*
3 |
5 |
레이아웃이 깨지지 않는 다른페이지의 경우 위의 순서로 테이블이 나눠져있어서 레이아웃이 깨져도 별 문제가 안드러나는데..(4가 게시판 이고 5가 여백테이블)
1 |
2 | 3*
4 |
5 |
현재 메인이 저런 순서로 잘려있는데요 *붙은게 index 들어가는곳인데 저부분이 늘어나면 4,5 번 테이블이 맞춰져서 늘어나네요... 여백테이블은 늘어나도 상관없지만 다른 테이블도 따라서 늘어나는걸 어떻게주체할수가 없네요 ㅜ.ㅜ
혹시 이런 문제를 해결하려면 어떤 검색어로 검색을 해야하는지 힌트라도 주시면 감사하겠습니다. ㅠㅠ
좌측 메뉴부분만 table 로 따로 감싸주세요 그리고 table을 valign="top 으로 전 이렇게 하거던요
1 |
2 |
4 |
5 |
이라면 4번까지 감싸면 4까진 top 으로 5는 또 따로 감싸고 valign="bottom 하시면 메인에 관계없이 좌측이 고정될꺼예여
2 |
4 |
5 |
이라면 4번까지 감싸면 4까진 top 으로 5는 또 따로 감싸고 valign="bottom 하시면 메인에 관계없이 좌측이 고정될꺼예여
포토샵으로 자르면 안되는거였군요 ㅜ.ㅜ 어찌
저도 그래픽툴로 짤라쓰는데요 그거랑은 상관없는데여 ㅠㅠ