두 소스다 위 그럼처럼 같은 결과를 보여주긴 하지만..
1. 테이블인 경우
<TABLE width="400" border="0" cellpadding="0" cellspacing="0">
<TR>
<TD colspan="2" width="400" height="50" bgcolor="#EEEEEE"></TD>
</TR>
<TR>
<TD width="100" height="200" bgcolor="#C9C9C9"></TD>
<TD width="300" height="200" bgcolor="#c0c0c0"></TD>
</TR>
<TR>
<TD colspan="2" width="400" height="50" bgcolor="#9A9A9A"></TD>
</TR>
</TABLE>
|
2. div 와 css 를 이용한 경우
<style type="text/css">
#top{
width:400px;height:50px;background-color:#EEEEEE;
}
#main_left{
background-color:#C9C9C9;width:100px;height:200px;float:left;}
#main_right{
width:300px;height:200px;background-color:#c0c0c0;float:left;
}
#bottom{
width:400px;height:50px;background-color:#9A9A9A;clear:both;
}
</style>
<div id="top"></div>
<div id="main_left"></div>
<div id="main_right"></div>
<div id="bottom"></div>
|
div 인 경우 태그가 간결해지고 역활 분담이 확실해 져 있다.
그러나 습관은 무서운것..ㅡ,ㅡ;;;;
아직 테이블이..ㅋ.ㅋ |
