*前回までの復習 [#vd195c41] **異なるブラウザでのWebページ確認 [#z1038a52] 現在、記事へのコメントのページで、 次のようなスタイルを使って、 「目次を左」「コメントを右」に配置している人が多いと思います。 <pre> #pre(novervatim){{ div.left { float: left; } div.right { float: right; } </pre> そのページを、ノート型パソコンにインストールしている、 「Mozilla Firefox」というブラウザで見てください。 きちんと左右に表示されていますか? **floatを指定するときの注意 [#p5306607] では、どのようにすれば、 Firefoxでもこちらの意図したとおりに表示できるでしょうか? それには、次のようにします。 <pre> #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) }} |