さて、本日も終日サイト制作で、ソースとにらめっこ。ほんまややこしいなぁ、テーブルで作りたい…。と思いつつ、随分慣れてきました。要素の指定や、divやclassの考え方に。
ここから先はほんの少しだけ専門的な話。
あまり使いたくはなかったのですが、いろいろとありまして、iframeを使用しているので今日はiframeに対するCSSの設定をしてたのですが、どうもおかしい。iframeのスクロールバーとかに対しての指定は、そのiframe内のページで指定する、のがわからなくてつまずいたのが最初。その後、フレームに読み込むページ内で指定しようとしたのですが、それでもうまくいかなくて首をひねっていて、N社のY氏に助けを求める。これは、html,body{ プロパティ:値; }で指定するらしい。あ、divとかはきかないのね!それでやるとうまくいったかにみえたんですが、なぜかスクロールバーの外側、ボーダーに外にマージンが1pxあいてるように見える。marginwidth=”0″ marginheight=”0″でiframeに指定しても駄目。なんでなんだろう。未だ解決できずですが、それほど重要事項でもないし、それよりとりあえずページ全体を作っていく方が最優先なのでとりあえずおいておく。
あと、このiframe内のページではlistを使用しているのですが、トップのページのナビゲーション部分にもlistを使用していてスタイルシートで制御してボタンのようにしているわけなのですが、そうするとそれが適応されてしまうわけです。どうしたらいいのだーと思っていたんですが、なんのことはない、そのページにトップページ(というか全てのページのCSSをimportしたall-format.cssというCSSファイルを読みこまなければいいんだ。だってiframe内のページなのでそんなに読み込む必要はないのだから。気づいてみたら単純な話。で、iframe内用の外部CSSファイルを一つ作って、それをiframe内のページには読み込むように設定する。その外部CSSファイルの中に、ul,liも指定してあげればいいのだ。
などなど。
なーるーほーど。
その他、細かい事でつまづいて、やれやれ、と思う。私、ホントあんまりサイト設計って得意じゃないんだ。サイトを作るのは趣味でやってたい部分なのに。しかし、こんなにも一日中ソースを見ながらしてるのって、何年ぶりだろうか。
CSSレイアウトなんて初めてやるから時間がかかって仕方ない。
さて、明日は京都へ梅見…なのですが、え、大雨なの?
昼休みに我慢しきれず「ダ・ヴィンチ・コード」をついに購入。上・中・下読了。途中までは面白かったけどなぁ。