CSS とひたすら格闘今度は汐碕市のサイトを MODx で組んでみているのだが…… Firefox さんがワガママですよ? でも Google Chrome で見ても同じ現象なので、ボクの組み方の方が明らかに悪いのだろう。それはもう認めるしかない。 div#main というスタイルの中に、いろいろ配置しているのね。#sidebar とか #contents とか。 <div id="main"> <div id="sidebar"> ここにいろいろサイドバー関係 </div><!-- sidebar --> <div id="contents"> ヘッダ関連 <div id="article"> 記事とかいろいろ </div><!-- article --> </div><!-- contents --> </div><!-- main -->まー、簡単な構造的にはこんな感じ。で、main には border : 1px solid #66315d; が設定されている。IE で見ると、sidebar や contents、article をすべて main 包み込んでくれる。つまり、sidebar, contents, article すべてを囲んだ border が表示される。ところが Firefox や Google Chrome ではなぜか main はその下の sidebar の手前で終熄してしまうのだ。だが、それは border だけで、座標位置などは main にそって配置されているので、一応入れ子になっているのだろう……。 まー、簡単な構造的にはこんな感じ。で、main には border : 1px solid #66315d; が設定されている。IE で見ると、sidebar や contents、article をすべて main で包み込んでくれる。つまり、sidebar, contents, article すべてを囲んだ border が表示される。ところが Firefox や Google Chrome ではなぜか main はその下の sidebar の手前で終熄してしまうのだ。だが、それは border だけで、座標位置などは main にそって配置されているので、一応入れ子になっているのだろう……。 う~ん?? border の指定の仕方が不味いのか?? まー、ボクの事だ、なんか単純なミスをしているのだろう……。 もう一つは IE のバグらしいのだが、1 ドットの設定で IE と Firefox でレイアウトが変わる。 座標系が 0 からか 1 からかの違いなのかなぁ~?<奇数値の除の問題っぽい? どういうことかというと、汐碕市のサイトは幅 750 ドットで作られている。で、左のサイドバーと右のコンテンツに別れている。サイドバーが 160 ドット、コンテンツが 590 ドットとなる。で、IE だとこいつを 589 に設定しないとレイアウトが崩れる(サイドバーの下に来てしまう)。Firefox では大丈夫。じゃぁ 589 にすればいいじゃんって話になるんだけど、そうなると Firefox ではサイドバーとの間に 1 ドット隙間ができてしまうのだ。 うもー! まぁこれはたまたま一番上に配置するものだから、絶対座標で回避はできるけどさ……正直なんなのよ、と。 というわけで、ボクはいまだに Table でレイアウトをするクセが抜けない(笑)<笑い事じゃない というわけで、ボクはいまだに Table でレイアウトをするクセが抜けない(笑)<笑い事じゃないところで、来月か再来月にサーバ・マシン入れ替える予定なのに、こんなにいろいろ組み込んじゃって……ちゃんと移行できるんだろうな??(汗)
餃子市夜は餃子市に行ってきた。味とかのレビューは過去の記事を見てくれい。
嬉しい(?)ニュースは、食べ放題を始めたことだ。2280 円で 70 品目だったかな? すべてのメニューではないが、ほとんど頼めるので、これはこれでイイかもしれない。 #article |