KAWANO's PukiWiki Plus! - Lecture/InfoDesignB2004/11th/review の変更点

• 追加された行はこの色です。
• 削除された行はこの色です。
• Lecture/InfoDesignB2004/11th/review へ行く。

*前回までの復習 [#vd195c41]

**異なるブラウザでのWebページ確認 [#z1038a52]
現在、記事へのコメントのページで、
次のようなスタイルを使って、
「目次を左」「コメントを右」に配置している人が多いと思います。
#pre(novervatim){{
div.left {
  float: left;
}
div.right {
  float: right;
}
</pre>
}}

そのページを、ノート型パソコンにインストールしている、
「Mozilla Firefox」というブラウザで見てください。
きちんと左右に表示されていますか？

**floatを指定するときの注意 [#p5306607]
では、どのようにすれば、
Firefoxでもこちらの意図したとおりに表示できるでしょうか？

それには、次のようにします。
#pre(novervatim){{
div.left {
  float: left;
COLOR(red):  width: 22%;
}
div.right {
  float: right;
COLOR(red):  width: 72%;
}
</pre>
}}

このように、
floatプロパティを使う場合には、
必ず''width''プロパティも設定してください。
ただし、ウィンドウの幅が小さくなると、
また表示が崩れてしまいますので、注意してください。


&br;
&navi2(Lecture/InfoDesignB2004/11th,next);進んで、
今回の内容を見てください。
----
#navi2(Lecture/InfoDesignB2004/11th,toc,next)

}}