新しいHTML5タグを使用する

新しいHTML5タグを試しています。私はこのような何かをしたい：あなたは、リンクをクリックしたときにあなたは違いが表示されますhttp://www.jsfiddle.net/cysBf/新しいHTML5タグを使用する

：私はこのコードを使用していhttp://www.jsfiddle.net/TYTkZ/

。手伝って頂けますか？ #mainセクションと#sidebarセクションの間にスペースがあるのはなぜですか？

とページ階層は本当ですか？

2011-01-18 Eray

として定義されていないので、300ピクセルの幅は無視され、次#main要素

に浮く作るために#sidebarにfloat:leftをお試しください：

header,footer,article,section,aside,nav { 
    display:block; 
}

を

jsfiddleでコードを更新しました。

2011-01-18 11:31:55

ありがとうございます。なぜこれを追加するのか説明できますか？ – Eray

サポートされていない要素は、ブラウザではインライン要素になります。ブロック要素でそれらを有効にする必要はありません – Harmen

要素は右にすべての方法をアップしてしまいますので、あなたは、#sidebarにfloat:rightを使用しています。それはあなたのCSSでこのコードを追加しますセクションがdisplay:block

2011-01-18 11:25:57 Willem

しかし、私は300ピクセルに#contの幅を設定しています。 #sidebarがページの右に浮動するのはなぜですか？＃contの右に浮動小数点数を浮動させる必要があります。 – Eray

私はディスプレイを追加しています：ブロック; 。これで十分ですか？ – Eray

HTML5要素を使用する場合は、CSSなどの前にこのファイルを含めるようにしてください（）ので、headタグの先頭が最も良いとなります。

<!--[if lt IE 9]><script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->

以下IE 8とは、彼らはあなたがそれらのスタイルをさせませんHTML5の要素を知っていないので、このスクリプトは古いのIEでHTML5要素のスタイリングを可能にします。

EDIT

私はこれが彼の直接の質問はありませんが、誰もがこの間違いを犯すべきではありません知っています。

2011-01-18 11:54:52 Olical

ありがとうWolfy87 – Eray

答えて