웹 표준 css 를 이용한 컨트롤
Posted 02 12, 2009 20:13, Filed under: Language/WebStandards
# 한번의 광고 클릭으로, 당신을 대신해서 불우이웃을 도울 기회가 많아집니다.
<!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>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<style>
/* css 에서의 참조 경로 # 을 이용. 예) 태그명#id명 */
body{
text-align: center;
}
/* td 의 id 인 td1 의 속성을 설정한다 */
td#td1{
width: 350px;
height: 100px;
}
/* div태그의 아이디중 header 의 속성을 설정한다 */
div#header{
width: 100%;
margin-right:auto;
margin-left:auto;
}
div#container{
width: 100%;
margin-right:auto;
margin-left:auto;
}
div#content{
float: right;
width: 30%;
}
div#sidebar{
float: left;
width: 30%;
}
div#footer{
width: 100%;
clear: both;
margin-right:auto;
margin-left:auto;
}
</style>
</HEAD>
<BODY>
<table border="1">
<tr>
<td id="td1">
<div id="header">header(위)</div>
<div id="container">
<div id="content">right(오른쪽)</div>
<div id="sidebar">left(왼쪽)</div>
</div>
<div id="footer">footer(아래)</div>
</td>
</tr>
</table>
</BODY>
</HTML>
"Language / WebStandards" 분류의 다른 글
| HTML- CSS - Syntax of Conditional Comments(조건부) (0) | 2009/06/26 |
# 한번의 광고 클릭으로, 당신을 대신해서 불우이웃을 도울 기회가 많아집니다.
Response :
0 Trackback
,
0 Comment
Trackback URL : http://develop.sunshiny.co.kr/trackback/139