コンテンツ領域が画面いっぱいを占めてしまってメニュー領域が見えませんでした。ウィンドウの大きさを調整しなおすと、何事もなかったかのように分割表示されるのですけど...。コンテンツ領域が次の行へ送られてしまいました。へそのままスタイルシートで指定できないものの、レイアウト的には期待通りの、画面いっぱいを表示領域とした上で右側にメニューが表示されるようでしたけど。タグを織り交ぜてみる折り返されてしまったり、メニュー領域が追いやられてしまうのは、横幅の問題。指定している訳ですけど、これがきっと影響してしまっているのでしょう。横幅に自動的に調整されてしまいます。変えたら良いのではないかと思って、試してみることにしました。違って、自動的に必要最大限の横幅を取ります。幅を指定しなくても、メニュー領域が右にフローティングされた時点での最大限の幅を取ってくれるのではないかと思います。行を取り除いておきます。メニュー領域の方はそのままです。期待通りの領域分割を行うことができました。スクロールバーの表示がなされてしまうことと、その挙動も、マウスのホイールでは動かせないなど、若干の見栄えや勝手の悪さは残りますけど...。タグに変更してみました。スタイルシートはそのままです。混ぜていたときとまったく同じ感じでページを参照することが出来ました。タグで構成しておくのが良いかもしれないですね。レイアウトの崩れを調整するこれまでの方法で問題なく表示されると思っていたのですけど、あるときこれまでの方法で作成していたページの表示が崩れてしまうとの知らせを受けました。調べてみると、たとえばコンテンツ領域内に横長の画像を配置したりした場合に上手く表示できなくなってしまうようでした。具体的にはメニュー領域を右に回りこませた後の空間にコンテンツ領域が入りきらなくなってしまって、結局はコンテンツ領域が次の行へ折り返されてしまうという感じでした。これだと少し都合が悪いので、崩れずに済む方法がないか検討してみることにします。使って回り込ませる場合、回り込ませたオブジェクトは余白の上に配置できるようです。今回の場合で言うと、メニュー領域を右に回りこませて、コンテンツ領域は右に余白を取っておくことでメニュー領域に干渉しないようにする感じです。するために、スタイルシートを次のように変更してみます。設定し、メニュー領域をそこへ回りこませられるようにしておきます。した上でメニュー領域を最初に、続いてコンテンツ領域を表示させます。崩れずに表示できるようになりました。メニュー領域がコンテンツ領域の上にかぶさってしまう感じになってしまいました。コンテンツ領域の右側の一部がメニューの下に入ってしまってみることが出来ないですし、コンテンツ領域のスクロールバーさえも見えなくなってしまうのはけっこう困った感じでした。メニューの情報が先に記述されることになります。この場合、コンテンツ領域の表示が後回しになってしまうため、表示までに時間のかかるページだとメニューだけ表示されたまま少し待たされてしまう感じになることもあるそうです。それをコンテンツ領域から先に表示させるために、少し工夫をしてみることにしました。方法としては、先にメニュー分の余白を空けたコンテンツ領域を表示させて、後からその余白部分にメニュー領域を移動させるという方法です。次のように領域を交換させます。----</div>そして、スタイルシートを調整します。