묻고답하기

윽ㅠ 표준을 지키려고 하는데.. 잘 안되네요잉; [XHTML 1.1 변형]

요즘에는.. 페이지의 레이아웃을 짤때..
테이블[table]보다는, div를 사용하라고 권고하더군요^^..

그래서, div 레이아웃 관련글도 보고 하면서 만들고 있습니다ㅜ

[CSS]파일 소스,
/* 전체 레이아웃 결정 */
body {
  font-family: '굴림', '돋움', '궁서', '바탕';
  font-size: 9pt;
  margin: auto; /* 가운데 정렬 */
  text-align: center; /* IE 5이하에서 */
  }

/* 레이아웃 결정 */
#wrap {
  text-align: left;
  width: 800px;
  margin: 30px auto;
  background-color: #CCCCCC;
  border: dotted 1px #999999;
  }
#head {
  height: 50px;
  }
#middle {
  background-color: #666666;
  }
#sidemenu {
  float: left;
  width: 200px;
  }
#content {
  width: 597px;
  }
#foot {
  height: 50px;
  }

[XHTML]파일 소스,
<!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=euc-kr" />
    <linkrel="stylesheet"type="text/css"href="style_6.css" />
    <title>[레이아웃_6]</title>
  </head>
  <body>

<divid="wrap">
  <divid="head">[상단메뉴]</div>
  <divid="middle">
    <divid="sidemenu">[사이드메뉴]</div>
    <divid="content">[내용]</div>
  </div>
  <divid="foot">[카피라이트]</div>
</div>

  </body>
</html>


일단, 웹브라우저로 보시면 아래와 같이 나옵니다.

───────────────────────
: [상단메뉴]                                                   :
:                                                                   :
───────────────────────
: [사이드메뉴]    : [내용]                                 :
───────────────────────
: [카피라이트]                                                :
:                                                                   :
───────────────────────

일단, 저기서 [내용] 이라는 부분이 경우에 따라서는 길어질수도 있잖아요?
그런데.. [내용] 이라는 부분에 문자가 많아서.. 옆으로 길어지면 저는 아래와 같이 표시하고싶은데요.

───────────────────────
: [상단메뉴]                                                   :
:                                                                   :
───────────────────────
: [사이드메뉴]    : [내용] ㅁㅁㅁㅁㅁㅁㅁㅁㅁㅁ  :
:                       : ㅁㅁㅁㅁㅁㅁㅁㅁㅁㅁㅁㅁㅁㅁ:
:                       : ㅁㅁㅁㅁㅁㅁㅁㅁ                  :
───────────────────────
: [카피라이트]                                                :
:                                                                   :
───────────────────────

그런데, 실제로 보면.. 아래와 같이 되더군요_-;

───────────────────────
: [상단메뉴]                                                   :
:                                                                   :
───────────────────────
: [사이드메뉴]    : [내용] ㅁㅁㅁㅁㅁㅁㅁㅁㅁㅁ  :
:ㅁㅁㅁㅁㅁㅁㅁㅁㅁㅁㅁㅁㅁㅁㅁㅁㅁㅁㅁㅁㅁㅁ :
:ㅁㅁㅁㅁㅁㅁㅁㅁㅁ                                        :
───────────────────────
: [카피라이트]                                                :
:                                                                   :
───────────────────────

일단, CSS소스에서, #sidemenu 에 대해서..
height: 100%; 를 주면, IE에서는.. 잘 표시되지만, FF에서는.. 역시 저렇게 나오네요 -_-;
어떤.. 대책 없을까요?

글쓴이 제목 최종 글
XE 공지 글 쓰기,삭제 운영방식 변경 공지 [16] 2019.03.05 by 남기남
김형민 php제작의뢰 문의 드립니다.  
김현우 테두리 둥근 아이프레임 어떻게 만드나요? [1] 2007.08.10
topsecret 이미지레디로 프레임 나누는법좀 알고싶어요~ㅠㅠ  
장광익 쌩초보 질문 리눅스에 apm설치하고 나서  
정태상 개인서버(apmsetup를 사용)에서 외부로그인 문제입니다 [2] 2007.08.10
가이안즈 테이블 반투명 효과에 대해 질문 [1] 2007.08.10
정성욱 스팸글 방지에 대해서 문의드립니다..  
김상혁 [질문] 왼쪽 하단 상태창에 에러가 있다고 하는데요... [3] 2007.08.10
웹초짜 CIZMALL과 제로보드 회원연동 관련해서  
kimyoungbum 템플릿으로 웹을 만들려는 강좌???.  
웹디님, 포토샵에서 3d 원형그래프 만들려면..  
Frais 홈페이지 관련 문의입니다...  
smin 테이블 크기가 계속 달라져요 ㅜㅜ [5] 2007.08.10
김정섭 이메일 서버를 구축 하려고 합니다  
박휘용 제로보드에서 html 사용허용 시..  
고승일 [플래시] 동영상 제작 질문  
땅콩 사진업로더 서명에 대해ㅜㅜ (사진)  
박종훈 [div + css 레이아웃] 본문길이가 길어지면 div가 망가져요ㅠ [2] 2007.08.10
김경완 플래쉬 점선 없애는 방법좀 알려주세요. [1] 2007.08.10
영지니 플래시에서 링크 거는 법 좀 알려주세요..새로운 창에서 링크가 되네요ㅜ,.ㅠ [3] 2007.08.10
전태준 배경음악을 블로그에 걸려고 하는데 좋은 꽁수가 없을까요? [3] 2007.08.10
최병철 스킨을 이용한 베너모음에 관하여 [1] 2007.08.10
은섭 누가 이문제 좀 해결을... [2] 2007.08.10
중요 주소고정이 안되요 [1] 2007.08.10
마일 이거 호스팅서버 문제인가요 아니면 홈페이지 소스 문제인가요? [3] 2007.08.10
이강우 <td>밑에 <table>없이 바로<tr>들어갈수있나요? [4] 2007.08.10
권혁민 이런건 어떻게만들죠?  
고승일 플래시에서 transparent 모드 관련 질문이요.  
고승일 실명인증 질문이요. [3] 2007.08.10
goa 쇼핑몰