상단파일, 하단파일 정보
상단파일, 하단파일본문
게시판이 깨져요
위에사진은 게시판을 넣어서 깨진 화면이구요
아래사진은 정상적인 일반 디자인페이지에요
현재 상,하단파일은 임시로 넣어본건데요.
기본적으로 다른페이지에서 내용을 중심으로 위쪽에있는 html 전체하고 하단에 있는 html 전체를
각각 넣은건데요.
이렇게 되요.
이거 뭐가 문제일까요?
구글크롬에선 정상으로 나와요.
그리고 아래 애러문구인가요? 무슨뜻인지 모르겠어요.
정확한 답변을 듣기 위해선 추가적으로 무엇을 올려드려야 확인가능한지도 잘 모르겟어요.
혹시 의심가는 부분이라던가
어디를 살펴봐야 한다거나 하는 부분 알려주세요
댓글 전체
잘 보이는데요.....?
저는 인터넷 익스플로러 8을 사용하는데요 깨져서 나와요.
문제1.
¿ì¸®´Â ´Ù¹æ¸éÀÇ µðÀÚÀÎ È°µ¿°ú °¢ÀÚ Ãß±¸ÇÏ´Â ÀÛÇ°È°µ¿À» Àü°³Çϸç
¼·Î °æÀïÇÏ°í ¶§·Î´Â Çùµ¿ÇÑ´Ù. °æÀï°ú Çùµ¿À» ÅëÇÑ ½Ã³ÊÁö È¿°ú´Â ¼ºÀåÀ» À§ÇÑ
ÃÖ»óÀÇ ¼±ÅÃÀÌ¸ç ±×·ìÀ» °á¼ºÇÑ ¸ñÀûÀ̱⵵ ÇÏ´Ù.
이걸 어떻게 읽으란 말인지.. ㅠㅠ 한국분들 사이트 찾아다며보면 utf-8 도 아닌지, 허구헌날 이런 외계어만 보임.
문제 2.
아래 div (상단메뉴) z-index 를 잘못 설정해 놔서 왼쪽 message 링크/버튼은 눌러지지도 않음.
<div class="menu">
<h3><img src="../images/png/menu_title.gif" alt="PNG"/></h3>
<ul>
<li><a href="../png/message.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('menu_01','','../images/png/menu_01_on.gif',1)"><img src="../images/png/menu_01.gif" alt="Message" name="menu_01" border="0" /></a></li>
<li><a href="../png/about_us.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('menu_02','','../images/png/menu_02_on.gif',1)"><img src="../images/png/menu_02.gif" alt="About us" name="menu_02" border="0" /></a></li>
<li><a href="../png/identity.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('menu_03','','../images/png/menu_03_on.gif',1)"><img src="../images/png/menu_03.gif" alt="Identity" name="menu_03" border="0" /></a></li>
<li><a href="../png/history.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('menu_04','','../images/png/menu_04_on.gif',1)"><img src="../images/png/menu_04.gif" alt="History" name="menu_04" border="0" /></a></li>
<li><a href="../bbs/board.php?bo_table=news" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('menu_05','','../images/png/menu_05_on.gif',1)"><img src="../images/png/menu_05_on.gif" alt="News" name="menu_05" border="0" /></a></li>
</ul>
</div>
<div class="banner">
<p>
<div class="banner_01"><a href="../main/main.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('menu_11','','../images/common/banner_png_over.gif',1)"><img src="../images/common/banner_png.gif" alt="png" name="menu_11" border="0" /></a></div>
<div class="banner_02"><a href="../palomilla/main.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('menu_12','','../images/common/banner_palomilla_over.gif',1)"><img src="../images/common/banner_palomilla.gif" alt="palomilla" name="menu_12" border="0" /></a></div>
<div class="banner_02"><a href="../grotes/main.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('menu_13','','../images/common/banner_grotes_over.gif',1)"><img src="../images/common/banner_grotes.gif" alt="grotes" name="menu_13" border="0" /></a></div>
</p>
</div>
3. 요즘 inline css 가 다시 유행인가요? external 써야 하는거 아닌가요? 그리고 inline css 쓰시려면 css 는 헤더에 넣으셔야지, body 에 넣으시면,... 암튼 제가 알기로는 css 나 javascript 은 body 넣는거 아니라고 알고 있습니다.
4. 그리고 문제점은 아니지만, 각 페이지 마다 상단 메뉴를 넣으셨네요.. 허 거 걱? 새 페이지 마다 메뉴가 새로 로딩하고, width 설정이 일정하지 않은건지 무슨 문제인지, 새 페이지로 navigate 하면서 좌우로 튀어요. 각 페이지 넓이를 일부러 다르게 하시지느 않으셨을텐데...
5. 페이지가 IE 8 에서 깨지는데요, 원래 지금상태에서 깨지는게 정상이고, 크롬은 워낙 성능이 좋아서 일부러 페이지 깨지게 만들어도 안 깨지더라구요.
<!-- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> --> 저도 이걸 못봐서 왜 페이지가 깨지는지 몰랐다는.... DOCTYPE 선언부터 하라고 고수분들한테 한소리 들었다는.. ㅋㅋㅋ
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
첫페이지는 이렇게 DOCTYPE DTD 로 선언해 놓으시고, 왜 저 위 페이지는 주석처리 하신건지... ???
아,... 첫 페이지 (main.php) 에 들어가서 layout.css 보니까, header 는 width 를 width:100% 로 잡으시고, footer width 는 940 으로 잡으시고, visual div 는 1,000 으로 잡으시고... -..-;;
다른 문제 보다도 resolution 에 따라서 사이트가 괴상하게 보이는건 아시죠?
가운데 정렬을 하실려고 하신건지, 오른쪽 정렬을 하실려고 하신건지... 저 같은 초짜에게는 전혀 이해가 안되는 방식이라서... 이만....
그런데 이거는 필수적으로 고치셔야 해요.
xml:lang="ko" lang="ko" ko -> utf-8 으로. 안그러면 저같은 사람은 님 웹사이트에 외계인어만 보여요.
¿ì¸®´Â ´Ù¹æ¸éÀÇ µðÀÚÀÎ È°µ¿°ú °¢ÀÚ Ãß±¸ÇÏ´Â ÀÛÇ°È°µ¿À» Àü°³Çϸç
¼·Î °æÀïÇÏ°í ¶§·Î´Â Çùµ¿ÇÑ´Ù. °æÀï°ú Çùµ¿À» ÅëÇÑ ½Ã³ÊÁö È¿°ú´Â ¼ºÀåÀ» À§ÇÑ
ÃÖ»óÀÇ ¼±ÅÃÀÌ¸ç ±×·ìÀ» °á¼ºÇÑ ¸ñÀûÀ̱⵵ ÇÏ´Ù.
이걸 어떻게 읽으란 말인지.. ㅠㅠ 한국분들 사이트 찾아다며보면 utf-8 도 아닌지, 허구헌날 이런 외계어만 보임.
문제 2.
아래 div (상단메뉴) z-index 를 잘못 설정해 놔서 왼쪽 message 링크/버튼은 눌러지지도 않음.
<div class="menu">
<h3><img src="../images/png/menu_title.gif" alt="PNG"/></h3>
<ul>
<li><a href="../png/message.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('menu_01','','../images/png/menu_01_on.gif',1)"><img src="../images/png/menu_01.gif" alt="Message" name="menu_01" border="0" /></a></li>
<li><a href="../png/about_us.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('menu_02','','../images/png/menu_02_on.gif',1)"><img src="../images/png/menu_02.gif" alt="About us" name="menu_02" border="0" /></a></li>
<li><a href="../png/identity.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('menu_03','','../images/png/menu_03_on.gif',1)"><img src="../images/png/menu_03.gif" alt="Identity" name="menu_03" border="0" /></a></li>
<li><a href="../png/history.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('menu_04','','../images/png/menu_04_on.gif',1)"><img src="../images/png/menu_04.gif" alt="History" name="menu_04" border="0" /></a></li>
<li><a href="../bbs/board.php?bo_table=news" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('menu_05','','../images/png/menu_05_on.gif',1)"><img src="../images/png/menu_05_on.gif" alt="News" name="menu_05" border="0" /></a></li>
</ul>
</div>
<div class="banner">
<p>
<div class="banner_01"><a href="../main/main.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('menu_11','','../images/common/banner_png_over.gif',1)"><img src="../images/common/banner_png.gif" alt="png" name="menu_11" border="0" /></a></div>
<div class="banner_02"><a href="../palomilla/main.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('menu_12','','../images/common/banner_palomilla_over.gif',1)"><img src="../images/common/banner_palomilla.gif" alt="palomilla" name="menu_12" border="0" /></a></div>
<div class="banner_02"><a href="../grotes/main.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('menu_13','','../images/common/banner_grotes_over.gif',1)"><img src="../images/common/banner_grotes.gif" alt="grotes" name="menu_13" border="0" /></a></div>
</p>
</div>
3. 요즘 inline css 가 다시 유행인가요? external 써야 하는거 아닌가요? 그리고 inline css 쓰시려면 css 는 헤더에 넣으셔야지, body 에 넣으시면,... 암튼 제가 알기로는 css 나 javascript 은 body 넣는거 아니라고 알고 있습니다.
4. 그리고 문제점은 아니지만, 각 페이지 마다 상단 메뉴를 넣으셨네요.. 허 거 걱? 새 페이지 마다 메뉴가 새로 로딩하고, width 설정이 일정하지 않은건지 무슨 문제인지, 새 페이지로 navigate 하면서 좌우로 튀어요. 각 페이지 넓이를 일부러 다르게 하시지느 않으셨을텐데...
5. 페이지가 IE 8 에서 깨지는데요, 원래 지금상태에서 깨지는게 정상이고, 크롬은 워낙 성능이 좋아서 일부러 페이지 깨지게 만들어도 안 깨지더라구요.
<!-- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> --> 저도 이걸 못봐서 왜 페이지가 깨지는지 몰랐다는.... DOCTYPE 선언부터 하라고 고수분들한테 한소리 들었다는.. ㅋㅋㅋ
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
첫페이지는 이렇게 DOCTYPE DTD 로 선언해 놓으시고, 왜 저 위 페이지는 주석처리 하신건지... ???
아,... 첫 페이지 (main.php) 에 들어가서 layout.css 보니까, header 는 width 를 width:100% 로 잡으시고, footer width 는 940 으로 잡으시고, visual div 는 1,000 으로 잡으시고... -..-;;
다른 문제 보다도 resolution 에 따라서 사이트가 괴상하게 보이는건 아시죠?
가운데 정렬을 하실려고 하신건지, 오른쪽 정렬을 하실려고 하신건지... 저 같은 초짜에게는 전혀 이해가 안되는 방식이라서... 이만....
그런데 이거는 필수적으로 고치셔야 해요.
xml:lang="ko" lang="ko" ko -> utf-8 으로. 안그러면 저같은 사람은 님 웹사이트에 외계인어만 보여요.
inline, internal, external, import 의 방식은 사용자의 몫이지 그 방식자체가 잘 못 되고의 문제는 아닙니다..^^
<div style="width:100%"> -- inline 방식
<head><style type="text/css"> ... </style></head> -- internal 방식
<head><link rel="stylesheet" href="style.css" type="text/css" /></head> -- external 방식
<head><style type="text/css">@import("style.css");</style></head> -- import 방식
그리고 Javascript는 위치에 상관없이 head, body 아무곳에나 넣으셔도 됩니다..
<div style="width:100%"> -- inline 방식
<head><style type="text/css"> ... </style></head> -- internal 방식
<head><link rel="stylesheet" href="style.css" type="text/css" /></head> -- external 방식
<head><style type="text/css">@import("style.css");</style></head> -- import 방식
그리고 Javascript는 위치에 상관없이 head, body 아무곳에나 넣으셔도 됩니다..
