ないブログに表示されています。新しい記事を書く事で広告が消えます。右メニューがないといようなことが書いてあった。横幅変えたら、ずれるのはあたりまえじゃん。思っていたので、何が問題なのかが分からなかった。他のサンプル(kimono-blue)を見てみると、なぜかずれない。^^)あれーー、ずれないのが正しいのかな?そうか、これが根本的に問題なのね。いうことで、ちょっと公開するのが自分的に恥ずかしい事で遊べなくなってしまって暇なのでその問題箇所を調べてみた。要するに、その仕様を詳しく知らなくても出来るんですよ。その方法は、以下の通り。?自分のPCにその環境を作る。?問題のファイル内を現象が再現する限り、不要な部分をコメントにする。調べ方分からない方がいるかと思うので説明しておきますね。・BKLOCKBLOGのmikaeriのサンプルページを表示する。・ブラウザの「ファイル」→「名前を付けて保存する」で適当なフォルダに保存する・そうすると以下のHTMLファイルとフォルダが出来る。見返り美人-top.filesフォルダの中を開くと、mikaeri.bblog[1]というファイルがありますが、これがCSSファイルです。ここまでが「自分のPCにその環境を作る」です。不要なら削除し、必要なら、そのファイルを自分のPCの同じフォルダに保存して、URLを変えておく。今度は、CSSファイル内で不要な部分をどんどんコメントにして行きます。*/というように、コメントにするところの前後に/*と*/で括ります。複数行を括る場合は、/*行1行2:行n*/とします。注意点として、入れ子は駄目です。ccc*/は、おかしくなります。mikaeri.bblog[1]の問題箇所を探して見ます。自分のPC環境に保存した見返り美人-top.htmlをブラウザで開きます。次に、mikaeri.bblog[1]をwindowsのテキストエディタのwriteで開きます。このとき「ファイル」→「開く」→「開く」ウィンドウで、ファイルの種類は、「すべてのファイル」にしてmikaeri.bblog[1]を指定します。"a"}*/までをコメントにして、2)このCSSを上書きで保存します。「ファイル」→「上書き保存」3)次に変更した結果、ブラウザ上でどのように変わったかを見てみます。ブラウザの更新ボタンを押します。4)現象が再現するか見てみます。ブラウザ画面の右端を本文領域より左側まで縮小します。別なところをコメントにするため、1)から繰り返しです。本文が下側にずれず、メニュー領域までいったら下にずれたとかだったら、直前の1)の操作を今度は、その中をさらに詳細に調べるため、もっと細かくコメントにします。5px}そして2)へ戻ります。6)どこもコメントにできなくなれば問題箇所が判明です。この結果、mikaeriで最終的に残ったのは以下のようになりました。5px}なんと下にずれてしまいました。いうことは、kimono-blueの他の部分にずれない秘密が隠されている。mikaeriには、その秘密がないのでずれるんだということが分かりました。今度は、kimono-blueのCSSを使ってその秘密部分を探します。探し方は、mikaeriと同じようにやればいいです。770px;}があればずれないし、無いとずれることが判明。子DIV領域は固定にならない。絶対サイズ指定があり、かつ、そのサイズ内に子DIV領域がすべて入れば子DIV領域のサイズ指定は有効で固定化される。みたいですね(もっと条件はあるかもだけど^^);;)。【対策】なので、BOX領域のWIDTH指定でメニュー領域と本文領域の合計サイズより大きなサイズを指定しておけばいい。他のOS・ブラウザで上手くいくかは分かりませんが。Mayumi][-]最新記事TIN無しでもアメリカで源泉徴収された税金を全額取り戻したい。(03/11)今日はバレンタインディーだが、バンカラに行ってきた。(02/15)いやーー素晴らしいカラオケ居酒屋だった。(06/30)みなさん腹式呼吸が大事と言うが。(06/25)カラオケ喫茶で、カラオケ大会に出ている方がいる。誕生(10/28)はじめたきっかけ(11/11)公開したけどアクセスは50件(12/13)JavaScriptとの出会い(01/10)HPの内容を変える画期的な出会い(01/10)アクセス。