div좀 짜주세요 ㅠㅠ 정보
div좀 짜주세요 ㅠㅠ본문
| 상단1000픽셀 | |
| 왼쪽200픽셀 | 오른쪽 |
| 하단 | |
폭은 전체 1000픽셀이구 위와같이해서
전체테이블이 중앙정렬하려고 합니다
div전체가 센터에 붙게요
부탁드립니다
초보라서 ㅡ,ㅜ
댓글 전체
<div style="width:1000px; text-align:Center;">
<table style="width: 100%; ">
<tr><td colspan="2">상단1000</td></tr>
<tr>
<td width=200>200</td>
<td width=800>800</td>
</tr>
<tr><td colspan="2">bottom</td></tr>
</table>
</div>
<table style="width: 100%; ">
<tr><td colspan="2">상단1000</td></tr>
<tr>
<td width=200>200</td>
<td width=800>800</td>
</tr>
<tr><td colspan="2">bottom</td></tr>
</table>
</div>
<div style="margin:0px auto; width:1000px;">
<table width="100%">
<tr>
<td colspan="2">
상단 1000px
</td>
</tr>
<tr>
<td width="200px">
200
</td>
<td width="800px">
800
</td>
</tr>
<tr>
<td colspan="2">
bototm
</td>
</tr>
</table>
</div>
<table width="100%">
<tr>
<td colspan="2">
상단 1000px
</td>
</tr>
<tr>
<td width="200px">
200
</td>
<td width="800px">
800
</td>
</tr>
<tr>
<td colspan="2">
bototm
</td>
</tr>
</table>
</div>
제말은 전체다 div로 쪼개서 해주셨으면 하는바램,,
<STYLE TYPE="text/css">
body{text-align:center}
/* div{border: 1 solid red} 테스트용 -나중에 지우세요 보더때문에 오른쪽이 밑으로 내려오니 테스트시에는 Wrap width를 1010정도로 늘려서 테스트하세요 */
#Wrap{width:1000px;}
#Wrap #header{width:100%; height:100px;}
#Wrap #left{float:left; width:200px; height:100px;}
#Wrap #right{float:left; width:800px; height:100px;}
#Wrap #footer{clear:both;width:100%;height:100px}
</STYLE>
<div id="Wrap">
<div id="header"></div> <!--상단 1000픽셀-->
<div id="left"></div> <!--왼쪽 200픽셀-->
<div id="right"></div> <!--왼쪽 200픽셀-->
<div id="footer"></div> <!--하단 200픽셀-->
</div>
body{text-align:center}
/* div{border: 1 solid red} 테스트용 -나중에 지우세요 보더때문에 오른쪽이 밑으로 내려오니 테스트시에는 Wrap width를 1010정도로 늘려서 테스트하세요 */
#Wrap{width:1000px;}
#Wrap #header{width:100%; height:100px;}
#Wrap #left{float:left; width:200px; height:100px;}
#Wrap #right{float:left; width:800px; height:100px;}
#Wrap #footer{clear:both;width:100%;height:100px}
</STYLE>
<div id="Wrap">
<div id="header"></div> <!--상단 1000픽셀-->
<div id="left"></div> <!--왼쪽 200픽셀-->
<div id="right"></div> <!--왼쪽 200픽셀-->
<div id="footer"></div> <!--하단 200픽셀-->
</div>
