안녕하세요. 오래된 사이트를 html5와 css3를 이용해서 새롭게 만들려고 교재를 구입하여 적용하던중 문제가 생겨서 질문드립니다. 서브페이지제작 부분(교재 163페이지)관련입니다.

우선 교재에서 사용된 드롭다운 메뉴는 1단메뉴라서 다단드롭다운메뉴소스를 인터넷에서 찾아서 적용했고, css파일도 제 홈페이지에 맞게 약간 수정했습니다. * 다단 드롭다운 메뉴 소스사이트: http://nettuts.s3.amazonaws.com/590_menu/menu/index.html

<질문1>

서브페이지를 제작하기 위하여 header.php와 footer.php로 분리한 후 welcome.html이란 페이지에 인클루드하면 인터넷익스플로러에서만 인클루드한 페이지 맨위와 맨아래에 빈공간이 생깁니다. 크롬브라우저에서는 정상적으로 표시됩니다.
참고페이지: http://www.kampoo.com/welcome.html

인터넷에서 검색해 보았더니 utf-8 인코딩의 bom문제일 것이라고나오기에 제가 쓰는 에디트플러스(v 3.21)의 설정을 utf-8 (BOM이 제거되는)으로 해 놓고 파일을 작성해도 해결이 되지를 않습니다.css는 전혀 몰랐고 html은 초보적인 지식만 있는지라 교재에만 의존하고 있었는데 이 문제로 3일정도 헤매고 있습니다만 도저히 해결을 못하겠네요.상단 공백없애는 방법 좀 알려주세요.

<질문2>

서브페이지를 제작할 때, welcome.html(만드려는 서브페이지 중 하나)에 header.php와 footer.php를 인클루드 합니다만, 교재에서는 welcome.html파일의 코딩이 다음과 같이 시작됩니다.

--- 여기부터 만들려는 서브페이지의 내용 ----

이렇게하면 welcome.html의 제목과 메타태그 내용이 header.php의 내용과 같아지는 문제가 발생합니다. 그래서 저는 welcome.html의 코딩을 아래와 같이 했습니다. 혹시 코딩상 문제는 없는지요? 또는 더 좋은 방법이 있다면 어떤 방법이 있는지 알려주시기바랍니다.

<html>

<meta charset="utf-8">
<meta name="keyword" content="korea,travel">
<meta name="description" content="korea travel information">
test
<link rel="stylesheet" href="c/wide.css" type="text/css" />

<body>

--- 여기부터 만들려는 서브페이지의 내용 ----

</body>
</html>
기초지식이 없다보니 터무니없는 질문이었을지도 모릅니다만 잘 부탁드리고요, 혹시 그 밖의 충고가 있다면 알려주시면 고맙겠습니다.
이 게시물을