<?xml version="1.0" encoding="UTF-8" standalone="yes" ?>
<!DOCTYPE bugzilla SYSTEM "https://www.w3.org/Bugs/Public/page.cgi?id=bugzilla.dtd">

<bugzilla version="5.0.4"
          urlbase="https://www.w3.org/Bugs/Public/"
          
          maintainer="sysbot+bugzilla@w3.org"
>

    <bug>
          <bug_id>15868</bug_id>
          
          <creation_ts>2012-02-03 13:40:20 +0000</creation_ts>
          <short_desc>&lt;!DOCTYPE html&gt; &lt;html lang=&quot;ko&quot;&gt; &lt;head&gt; &lt;meta charset=&quot;utf-8&quot; /&gt; &lt;title&gt;2단 레이아웃&lt;/title&gt; &lt;!--[if lt IE 9]&gt; &lt;script src=&quot;http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js&quot;&gt;&lt;/script&gt; &lt;![endif]--&gt; &lt;!-- HTML4 버전에서는 type속성이 있어야 했으나 HTML5에서는 생략가능 --&gt; &lt;s</short_desc>
          <delta_ts>2012-03-09 19:58:32 +0000</delta_ts>
          <reporter_accessible>1</reporter_accessible>
          <cclist_accessible>1</cclist_accessible>
          <classification_id>1</classification_id>
          <classification>Unclassified</classification>
          <product>HTML WG</product>
          <component>HTML5 spec</component>
          <version>unspecified</version>
          <rep_platform>Other</rep_platform>
          <op_sys>other</op_sys>
          <bug_status>RESOLVED</bug_status>
          <resolution>INVALID</resolution>
          
          
          <bug_file_loc>http://www.whatwg.org/specs/web-apps/current-work/#top</bug_file_loc>
          <status_whiteboard></status_whiteboard>
          <keywords></keywords>
          <priority>P3</priority>
          <bug_severity>normal</bug_severity>
          <target_milestone>---</target_milestone>
          
          
          <everconfirmed>1</everconfirmed>
          <reporter>contributor</reporter>
          <assigned_to name="Ian &apos;Hixie&apos; Hickson">ian</assigned_to>
          <cc>mike</cc>
    
    <cc>Ms2ger</cc>
    
    <cc>public-html-admin</cc>
    
    <cc>public-html-wg-issue-tracking</cc>
          
          <qa_contact name="HTML WG Bugzilla archive list">public-html-bugzilla</qa_contact>

      

      

      

          <comment_sort_order>oldest_to_newest</comment_sort_order>  
          <long_desc isprivate="0" >
    <commentid>63642</commentid>
    <comment_count>0</comment_count>
    <who name="">contributor</who>
    <bug_when>2012-02-03 13:40:20 +0000</bug_when>
    <thetext>Specification: http://html5.clearboth.org/spec.html
Multipage: http://www.whatwg.org/C#top
Complete: http://www.whatwg.org/c#top

Comment:

&lt;!DOCTYPE html&gt;

&lt;html lang=&quot;ko&quot;&gt;

	&lt;head&gt;

		&lt;meta charset=&quot;utf-8&quot; /&gt;

		&lt;title&gt;2단 레이아웃&lt;/title&gt;

		&lt;!--[if lt IE 9]&gt;

		&lt;script
src=&quot;http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js&quot;&gt;&lt;/script&gt;

		&lt;![endif]--&gt;

		

		

		&lt;!-- HTML4 버전에서는 type속성이 있어야 했으나
HTML5에서는 생략가능 --&gt;

		&lt;style&gt;

			

			#wrap {

				width: 800px;

				margin: auto;

				border:1px solid #000

			}

			

			#header {

				width:800px;

				height:100px; 

				background: red;

				margin:0;

				display: block

				

			}

			

			#sidebar {

				width:300px;

				height:300px;

				background: green;

				float: left;

				margin:0;

				display: block

			}

			

			#content {

				width:500px;

				min-height: 300px;

				background: blue;

				float: right;

				margin:0;

				display: block

			}

			

			#footer {

				width:800px;

				height:100px;

				background: orange; 

				clear:both; 

				margin:0;

				display: block

			}

			

		&lt;/style&gt;

		&lt;!--

			HTML5로 마크업할경우에는 

			

			1. 익스플로러 6~8까지에서 새로운 요소를
인식하지 못합니다.

			   (DOM이 생성이 안됩니다.)

			   

			   해결책 :

			   자바스크립트를 이용해서 새로운
요소들을 만들어주면 됩니다.

			   (IE9.js 라이브러리를 이용)

			   

			2. 이전버전 웹표준 브라우저는
header,footer를 인라인레벨로 인식

			  (새로운요소들을 DOM이 생성되나
인라인레벨로 인식)

			  

			  해결책 :

			  reset.css에 display:block 명시

			  (브라우저가 가지고 있는 CSS를 초기화)

			    

			 --&gt;

	&lt;/head&gt;

	&lt;body&gt;

		&lt;!-- 현재 버전에서 레이아웃을 담당하는
요소는 div

		그런데 HTML5에서는 의미와 아웃라인을
기준으로

		section, article, nav, aside, header, footer, div

		--&gt;

		&lt;div id=&quot;wrap&quot;&gt;

			&lt;!-- 

				ctrl + shift + F  : 포맷팅(들여쓰기등)


				ctrl + space : 자동완성기능 활성화

				ctrl + F11 : 실행(내부 웹서버 작동)

				

				 --&gt;

			&lt;header id=&quot;header&quot;&gt;&lt;/header&gt;

			&lt;section id=&quot;sidebar&quot;&gt;&lt;/section&gt;

			&lt;section id=&quot;content&quot;&gt;&lt;/section&gt;

			&lt;footer id=&quot;footer&quot;&gt;&lt;/footer&gt;

		&lt;/div&gt;

	&lt;/body&gt;

&lt;/html&gt;


Posted from: 59.15.138.44
User agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.0; Trident/4.0; SLCC1; .NET CLR 2.0.50727; Media Center PC 5.0; .NET CLR 3.0.30618; .NET CLR 3.5.30729; InfoPath.2; .NET4.0C)</thetext>
  </long_desc>
      
      

    </bug>

</bugzilla>