Fieldset을 이용한 레이아웃 디자인

 

업무 화면을 설계할때 많이 사용하는 것이 table테그이다.

 

그러나 복잡한 화면 같은 경우 상당히 코드가 지저분해 진다.

 

이런 경우 fieldset을 이용하면 나름 괜찮은;;;

 

화면을 구성할수있다. 

나름 괜찮지 않은가? ㅋ 소스는 아래와 같다.

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
</HEAD>
<style>
.fieldset {
 BORDER-LEFT-WIDTH: 10px;
  FONT-SIZE: 12px;
 font-family:"굴림", "굴림체", "Arial", "Verdana" color;
 color: #434343;
 BORDER-right-WIDTH: 1px;
 BORDER-top-WIDTH: 1px;
 BORDER-bottom-WIDTH: 1px;
 border-color:#5D96C7;
 margin-left:5;
 margin-right:5;
 margin-top:5;
 margin-bottom:5;
 padding-right: 3;
 padding-left: 3;
 padding-top: 3;
 padding-bottom: 5;
}

</style>
<BODY>
<fieldset class="fieldset" style="width:450" id="oFile" style="border-color:#2ADF55;">
<legend>[제목]</legend>
이부분에는 내용 또는 HTML / ActiveX컴포넌트등이<br>

위치할수있다.<br>
   

</fieldset>
</BODY>
</HTML>