테이블 div 로바꾸기

[듀토리얼]

<table cellpadding="0" cellspacing="0" width="100%">
<tr>
<td valign="top" align="left" style="padding-right:10px">내용</td>
<td width="330px" align="center" valign="top" style="padding:10px 0px; background-color:green;">
<table cellpadding="0" cellspacing="0" width="310px">
<tr>
<td width="310px">
내용
</td>
</tr>
</table>
</td>
</tr>
</table>

위의 소스를 div 로 바꾸려는데 제대로 못하겠네요

<div style="padding-right:10px; float"></div>
<div style="float:right; background: green;>
<div style="width:310px; padding:10px;">내용</div>
</div>

저 테이블 소스와 완벽히 똑같이 구현하는 방법좀 알려주세요

[she]

http://www.stunicholls.myby.co.uk/layouts/3cols.html
참고는 여기에서 하세요.

Code: Select all

<div id="container">
<div id="inner">

<div id="right">
<div style="padding:10px;">내용</div>
</div>

<div id="left">내용</div>

<div class="clear"></div>

</div>
</div>

<style type="text/css">
<!--
#container {position:relative; display:block; background:#ddf; border-right:330px solid green;}/* 우측 색깔 지정*/
#inner {display:block; margin-right:-340px; padding:5px;}
#right {float:right; position:relative; width:330px; right:0px;}/* 우측 너비 지정*/
#left {margin-right:340px; position:relative; display:block; height:1%;}/* margin-right:340; -> 왼쪽 텍스트의 padding-left를 10px로 지정한 것임. */
.clear {clear:both;}
//-->
</style>

[듀토리얼]

또 다시 새로운 방식을 알게 되었네요.감사합니다.