웹 표준 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>
※ 위 내용은, 여러 자료를 참고하거나 제가 주관적으로 정리한 것입니다.
   잘못된 정보나 보완이 필요한 부분을, 댓글 또는 메일로 보내주시면 많은 도움이 되겠습니다.
02 12, 2009 20:13 02 12, 2009 20:13


Trackback URL : http://develop.sunshiny.co.kr/trackback/139

Leave a comment

« Previous : 1 : ... 542 : 543 : 544 : 545 : 546 : 547 : 548 : 549 : 550 : ... 648 : Next »

Recent Posts

  1. HDFS - Python Encoding 오류 처리
  2. HP - Vertica ROS Container 관련 오류...
  3. HDFS - Hive 실행시 System Time 오류
  4. HP - Vertica 사용자 쿼리 이력 테이블...
  5. Client에서 HDFS 환경의 데이터 처리시...

Recent Comments

  1. Right away I am ready to do my bre... 골목게임 11 17,
  2. Terrific article! That is the type... 선릉야구장 11 16,
  3. Yes! Finally someone writes about /. / 11 16,
  4. Круто, круто! Некот... карточные игры на... 11 13,
  5. 안녕하세요^^ 배그핵

Recent Trackbacks

  1. master djs bozeman master djs bozeman %M
  2. wedding dj bozeman mt wedding dj bozeman mt 17 11
  3. joes dj bozeman joes dj bozeman 17 11
  4. Mysql - mysql 설치후 Character set... 멀고 가까움이 다르기 때문 %M

Calendar

«   11 2019   »
          1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30

Bookmarks

  1. 위키피디아
  2. MysqlKorea
  3. 오라클 클럽
  4. API - Java
  5. Apache Hadoop API
  6. Apache Software Foundation
  7. HDFS 생태계 솔루션
  8. DNSBL - Spam Database Lookup
  9. Ready System
  10. Solaris Freeware
  11. Linux-Site
  12. 윈디하나의 솔라나라

Site Stats

TOTAL 2755902 HIT
TODAY 144 HIT
YESTERDAY 638 HIT