IE6에서만 풋터여백이 너무 길어요.

Mozilla Firefox 사용에 대한 일반적인 질문과 답을 해 주는 게시판입니다. 질문을 하기 전에 FAQ를 읽어 보시는게 도움이 될 것입니다.
Post Reply
강짱

IE6에서만 풋터여백이 너무 길어요.

Post by 강짱 »

http://hyeonseok.com/pmwiki/index.php/Css/Height

얼마전 이글을 보고 세로 100% 를 해결했는데요
그런데
http://211.239.162.97:8888/01_about/test2.jsp

Code: Select all

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="/share/css/base.css" rel="stylesheet" type="text/css" />
<link href="/share/css/layout.css" rel="stylesheet" type="text/css" />
<title>Untitled Document</title>


</head>

<body id="wrapper1">
<!--#topMenu-->
		<div id="topMenu">
			<div class="bg01">
				<div id="global_menu">
					<ul>
						<li><a href="/index.jsp"><img src="/images/common/global_home-trans.png" alt="홈"></a></li>
						<li><a href="#"><img src="/images/common/global_sitemap.png" alt="사이트맵"></a></li>
						<li><a href="#"><img src="/images/common/global_contact.png" alt="contact us"></a></li>
						<li><a href="#"><img src="/images/common/global_english.png" alt="영어"></a></li>
						<li><a href="#"><img src="/images/common/global_chinese.png" alt="중국어"></a></li>
						<li><a href="#"><img src="/images/common/zoomin.gif" alt="확대"></a></li>
						<li><a href="#"><img src="/images/common/zoom_default.gif" alt="기본"></a></li>
						<li><a href="#"><img src="/images/common/zoomout.gif" alt="축소"></a></li>
					</ul>
				</div>
				<hr />
				<div id="logo">
					<a href="/index.jsp"><img src="/images/common/site_logo.png" alt="MCAT 로고 : MCAT 메인페이지로 이동"></a>
				</div>
				<hr />
				<!-- gnb  -->
				<div id="gnb">
					<img src="/images/common/top_menu.gif" alt="MCAT 주메뉴">
				</div>
			</div>
		</div>
<!--#topMenu-->

<!--#body-->
<div id="body">
	<!--#container-->
	<div id="container">
		<!-- subMenu -->
		<div id="subMenu">
			<p class="bg01"><img src="/images/about/left_tit.gif" alt="회사소개" /></p>
				<ul>
					<li><a href="/01_about/about_01.jsp"><img src="/images/about/left_tit_01.gif" alt="회사개요" /></a></li>
					<li><a href="/01_about/about_02.jsp"><img src="/images/about/left_tit_02.gif" alt="회사연혁" /></a></li>
					<li><a href="/01_about/about_03.jsp"><img src="/images/about/left_tit_03.gif" alt="경영이념" /></a></li>
					<li><a href="/01_about/about_04.jsp"><img src="/images/about/left_tit_04.gif" alt="조직도" /></a></li>
					<li><a href="/01_about/about_05.jsp"><img src="/images/about/left_tit_05.gif" alt="주요고객" /></a></li>
					<li><a href="/01_about/about_06.jsp"><img src="/images/about/left_tit_06.gif" alt="제휴사" /></a></li>
					<li><a href="/01_about/about_07.jsp"><img src="/images/about/left_tit_07.gif" alt="찾아오시는길" /></a></li>
				</ul>
				<hr />
				<%@ include file="/include/left_link.jsp" %>
		</div>
		<!--//subMenu -->

		<!-- Content_area -->
		<div id="Content_area">
			<div id="header">
				<div class="location">HOME > ABOUT > <span>회사개요</span></div><hr />
					<h1><img src="/images/about/con_01_tit_01.gif" alt="회사개요" /></h1><hr />
			</div>
			<div id="content_box">
					<h2>Resize the window to see the footer move</h2>
					  <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In augue. Sed vitae urna feugiat ante faucibus scelerisque. Maecenas non risus vitae velit auctor tincidunt. Ut facilisis elit non metus. Quisque ac dolor. Morbi eget erat in eros rhoncus imperdiet. Aenean egestas lectus ac sapien. Pellentesque non metus ac justo luctus feugiat. Nam elit elit, sagittis vel, eleifend quis, imperdiet non, lorem. In hac habitasse platea dictumst. Suspendisse convallis, dui vitae auctor elementum, eros orci porta nisl, in ullamcorper leo wisi eget mi. Sed eget sem. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin sit amet diam at elit lacinia convallis. Nullam massa ligula, posuere sit amet, gravida a, placerat ac, justo. Cras vulputate. Aliquam sed enim non justo sollicitudin tempor.</p>
					  <p>Donec consequat cursus elit. Quisque posuere, massa blandit tincidunt aliquam, ipsum lectus egestas tortor, a iaculis ipsum urna et quam. Donec ultrices varius mi. Sed non magna. Sed ligula. Etiam magna quam, viverra at, fringilla nec, nonummy ut, wisi. Aenean volutpat, tellus at faucibus bibendum, sapien massa mattis lorem, id volutpat quam odio vitae mauris. Donec laoreet lacinia urna. Integer adipiscing dui nec dui. Curabitur non nulla. Vestibulum faucibus, quam ut iaculis volutpat, nibh risus tempus risus, quis lobortis nulla erat nec ipsum. Pellentesque ac est in libero semper hendrerit. Maecenas accumsan est quis diam varius laoreet. Ut velit risus, sollicitudin in, tempor ut, gravida non, sem. Quisque at quam vel orci volutpat luctus.</p>
					  </p>1234

					  <h2>Resize the window to see the footer move</h2>
					  <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In augue. Sed vitae urna feugiat ante faucibus scelerisque. Maecenas non risus vitae velit auctor tincidunt. Ut facilisis elit non metus. Quisque ac dolor. Morbi eget erat in eros rhoncus imperdiet. Aenean egestas lectus ac sapien. Pellentesque non metus ac justo luctus feugiat. Nam elit elit, sagittis vel, eleifend quis, imperdiet non, lorem. In hac habitasse platea dictumst. Suspendisse convallis, dui vitae auctor elementum, eros orci porta nisl, in ullamcorper leo wisi eget mi. Sed eget sem. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin sit amet diam at elit lacinia convallis. Nullam massa ligula, posuere sit amet, gravida a, placerat ac, justo. Cras vulputate. Aliquam sed enim non justo sollicitudin tempor.</p>
					  <p>Donec consequat cursus elit. Quisque posuere, massa blandit tincidunt aliquam, ipsum lectus egestas tortor, a iaculis ipsum urna et quam. Donec ultrices varius mi. Sed non magna. Sed ligula. Etiam magna quam, viverra at, fringilla nec, nonummy ut, wisi. Aenean volutpat, tellus at faucibus bibendum, sapien massa mattis lorem, id volutpat quam odio vitae mauris. Donec laoreet lacinia urna. Integer adipiscing dui nec dui. Curabitur non nulla. Vestibulum faucibus, quam ut iaculis volutpat, nibh risus tempus risus, quis lobortis nulla erat nec ipsum. Pellentesque ac est in libero semper hendrerit. Maecenas accumsan est quis diam varius laoreet. Ut velit risus, sollicitudin in, tempor ut, gravida non, sem. Quisque at quam vel orci volutpat luctus.</p>
					  </p>1234
					  <h2>Resize the window to see the footer move</h2>
					  <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In augue. Sed vitae urna feugiat ante faucibus scelerisque. Maecenas non risus vitae velit auctor tincidunt. Ut facilisis elit non metus. Quisque ac dolor. Morbi eget erat in eros rhoncus imperdiet. Aenean egestas lectus ac sapien. Pellentesque non metus ac justo luctus feugiat. Nam elit elit, sagittis vel, eleifend quis, imperdiet non, lorem. In hac habitasse platea dictumst. Suspendisse convallis, dui vitae auctor elementum, eros orci porta nisl, in ullamcorper leo wisi eget mi. Sed eget sem. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin sit amet diam at elit lacinia convallis. Nullam massa ligula, posuere sit amet, gravida a, placerat ac, justo. Cras vulputate. Aliquam sed enim non justo sollicitudin tempor.</p>
					  <p>Donec consequat cursus elit. Quisque posuere, massa blandit tincidunt aliquam, ipsum lectus egestas tortor, a iaculis ipsum urna et quam. Donec ultrices varius mi. Sed non magna. Sed ligula. Etiam magna quam, viverra at, fringilla nec, nonummy ut, wisi. Aenean volutpat, tellus at faucibus bibendum, sapien massa mattis lorem, id volutpat quam odio vitae mauris. Donec laoreet lacinia urna. Integer adipiscing dui nec dui. Curabitur non nulla. Vestibulum faucibus, quam ut iaculis volutpat, nibh risus tempus risus, quis lobortis nulla erat nec ipsum. Pellentesque ac est in libero semper hendrerit. Maecenas accumsan est quis diam varius laoreet. Ut velit risus, sollicitudin in, tempor ut, gravida non, sem. Quisque at quam vel orci volutpat luctus.</p>
					  </p>1234
			</div>
		</div>
	</div>
</div>
<hr />
<div id="Footer_area">
<!-- Bottom Bg -->
<div id="Btmback"></div>
 <!-- #Footer -->
<div id="Footer">
	<div id="logo"><img src="/images/common/footer_logo.gif" alt="mcat" /></div>
	<address><img src="/images/common/footer_address.gif" alt="서울특별시 서초구 서초동 1566-1 진성빌딩 2.3층 TEL: 02-3474-9007 FAX : 02-3474-9008" usemap="#Map" />
	<map name="Map" id="Map"><area shape="rect" coords="205,14,216,25" href="#" /></map>
	</address>
	<div id="footer_link">
		<a href="/"><img src="/images/common/txt_01.gif" alt="EMAIL무단수집거부"  /></a>
		<a href="/"><img src="/images/common/btn_smart.gif" alt="SMART" /></a>
	</div>
</div>
</div>

 <!-- //Footer End-->
 <hr />
 <!-- #quick menu -->
<div id="quick">
	<p class="top"><a href="#" title="위로가기"><img src="/images/common/quick_top.gif" alt="top"></a></p>
	<ul>
		<li><a href="#" target="_self" title="채용지원시스템"><img src="/images/common/quick_01.gif" alt="채용지원시스템"></a></li>
		<li><a href="#" target="_self" title="프로젝트의뢰요청"><img src="/images/common/quick_02.gif" alt="프로젝트의뢰요청"></a></li>
		<li class="bn"><a href="#" target="_self" title="사업제휴문의"><img src="/images/common/quick_03.gif" alt="사업제휴문의"></a></li>
	</ul>
</div>
<!-- //quick menu -->
<hr />

 <map name="visual" id="visual">
 <area shape="rect" coords="265,62,351,79" href="/01_about/about_01.jsp" target="_self" />
<area shape="rect" coords="384,60,455,84" href="/02_service/service_01.jsp" target="_self" />
<area shape="rect" coords="497,59,568,82" href="/03_solution/solution_01.jsp" target="_self" />
<area shape="rect" coords="604,60,710,81" href="/04_reference/reference_01.jsp" target="_self" />
<area shape="rect" coords="744,58,813,81" href="/05_support/support_01.jsp" target="_self" />
<area shape="rect" coords="852,62,913,81" href="/06_recruit/recruit_01.jsp" />
</map>
</body>
</html>
코드는 이렇구요

여기에서 그대로 서브메뉴나 탑,풋터 부분을 인클루드 시키니까
IE6에서만 오류인지 에러인지..
풋터 부분에서 공간이 너무 많이 생겨버려요
다른브라우저들 처럼 딱 붙질 않고
너무 여백이 많이 생겨버립니다.

http://211.239.162.97:8888/01_about/about_02.jsp
이페이지 인데요

Code: Select all

<%@ page contentType="text/html; charset=euc-kr" language="java" import="java.sql.*, java.util.*" errorPage="" %>
<%
	 int top_num = 1;      // 탑메뉴 번호
	 int left1_num = 1;      // 왼쪽메뉴 번호
	 int left2_num = 1;      // left1_num 메뉴의 하의 메뉴 번호
	 int left3_num = 1;      // left2_num 메뉴의 하의 메뉴 번호
%>
<%@ include file="/include/head.jsp" %>
<body id="wrapper5">
<%@ include file="/include/skip.jsp" %>
<!--#topMenu-->
		<div id="topMenu">
			<div class="bg05">
				<%@ include file="/include/global_menu.jsp" %>
				<!-- gnb  -->
				<div id="gnb">
					<img src="/images/common/top_menu.gif" alt="MCAT 주메뉴">
				</div>
				<!-- //gnb  -->
			</div>
		</div>
<!--#topMenu-->

<!--#body-->
<div id="body">
	<!--#container-->
	<div id="container">
		<!-- subMenu -->
		<%@ include file="/include/left_01.jsp" %>
		<!--//subMenu -->

		<!-- Content_area -->
		<div id="Content_area">
			<div id="header">
				<div class="location">HOME > ABOUT > <span>회사개요</span></div><hr />
					<h1><img src="/images/about/con_01_tit_01.gif" alt="회사개요" /></h1><hr />
			</div>
			<!-- Content_box -->
			<div id="content_box">
					<h2>Resize the window to see the footer move</h2>
					  <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In augue. Sed vitae urna feugiat ante faucibus scelerisque. Maecenas non risus vitae velit auctor tincidunt. Ut facilisis elit non metus. Quisque ac dolor. Morbi eget erat in eros rhoncus imperdiet. Aenean egestas lectus ac sapien. Pellentesque non metus ac justo luctus feugiat. Nam elit elit, sagittis vel, eleifend quis, imperdiet non, lorem. In hac habitasse platea dictumst. Suspendisse convallis, dui vitae auctor elementum, eros orci porta nisl, in ullamcorper leo wisi eget mi. Sed eget sem. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin sit amet diam at elit lacinia convallis. Nullam massa ligula, posuere sit amet, gravida a, placerat ac, justo. Cras vulputate. Aliquam sed enim non justo sollicitudin tempor.</p>
					  <p>Donec consequat cursus elit. Quisque posuere, massa blandit tincidunt aliquam, ipsum lectus egestas tortor, a iaculis ipsum urna et quam. Donec ultrices varius mi. Sed non magna. Sed ligula. Etiam magna quam, viverra at, fringilla nec, nonummy ut, wisi. Aenean volutpat, tellus at faucibus bibendum, sapien massa mattis lorem, id volutpat quam odio vitae mauris. Donec laoreet lacinia urna. Integer adipiscing dui nec dui. Curabitur non nulla. Vestibulum faucibus, quam ut iaculis volutpat, nibh risus tempus risus, quis lobortis nulla erat nec ipsum. Pellentesque ac est in libero semper hendrerit. Maecenas accumsan est quis diam varius laoreet. Ut velit risus, sollicitudin in, tempor ut, gravida non, sem. Quisque at quam vel orci volutpat luctus.</p>
					  </p>1234

					  <h2>Resize the window to see the footer move</h2>
					  <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In augue. Sed vitae urna feugiat ante faucibus scelerisque. Maecenas non risus vitae velit auctor tincidunt. Ut facilisis elit non metus. Quisque ac dolor. Morbi eget erat in eros rhoncus imperdiet. Aenean egestas lectus ac sapien. Pellentesque non metus ac justo luctus feugiat. Nam elit elit, sagittis vel, eleifend quis, imperdiet non, lorem. In hac habitasse platea dictumst. Suspendisse convallis, dui vitae auctor elementum, eros orci porta nisl, in ullamcorper leo wisi eget mi. Sed eget sem. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin sit amet diam at elit lacinia convallis. Nullam massa ligula, posuere sit amet, gravida a, placerat ac, justo. Cras vulputate. Aliquam sed enim non justo sollicitudin tempor.</p>
					  <p>Donec consequat cursus elit. Quisque posuere, massa blandit tincidunt aliquam, ipsum lectus egestas tortor, a iaculis ipsum urna et quam. Donec ultrices varius mi. Sed non magna. Sed ligula. Etiam magna quam, viverra at, fringilla nec, nonummy ut, wisi. Aenean volutpat, tellus at faucibus bibendum, sapien massa mattis lorem, id volutpat quam odio vitae mauris. Donec laoreet lacinia urna. Integer adipiscing dui nec dui. Curabitur non nulla. Vestibulum faucibus, quam ut iaculis volutpat, nibh risus tempus risus, quis lobortis nulla erat nec ipsum. Pellentesque ac est in libero semper hendrerit. Maecenas accumsan est quis diam varius laoreet. Ut velit risus, sollicitudin in, tempor ut, gravida non, sem. Quisque at quam vel orci volutpat luctus.</p>
					  </p>1234


			</div>
			<!-- //Content_box -->

 <!-- #Footer -->
<%@ include file="/include/sub_footer.jsp" %>
<!--//Footer End-->

왜 그런건지..똑같이 나눴는데도
안되네요..해결방법 좀 알려주세요 ㅜㅜ
월욜까지 개발페이지 들어가야 하는뎅..
막막합니다.
Post Reply

Who is online

Users browsing this forum: Bing [Bot] and 0 guests