Diary/2010-12-11 のバックアップ差分(No.2)

• バックアップ一覧
• 現在との差分 を表示
• 現在との差分 - Visual を表示
• ソース を表示
• バックアップ を表示
• Diary/2010-12-11 へ行く。
  • 1 (2010-12-12 (日) 14:56:08)
  • 2 (2010-12-12 (日) 15:38:14)
  • 3 (2010-12-12 (日) 16:19:51)

• 追加された行はこの色です。
• 削除された行はこの色です。

** CSS とひたすら格闘 [#v5940c20]
#ref(../rural_yn02h.png,nolink,もう Firefox なんてしらないっ！)

今度は[[汐碕市のサイト:http://www.city.shiosaki.nagano.bz/]]を [[MODx:http://modx.jp/]] で組んでみているのだが…… 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 にそって配置されているので、一応入れ子になっているのだろう……。&br;
う～ん？？ border の指定の仕方が不味いのか？？

まー、ボクの事だ、なんか単純なミスをしているのだろう……。&br;
とりあえず無視することにした＜ヲイ&br;
ということで、Firefox や Google Chrome では（そして恐らく Opera や Safari でも）全体の枠が表示されない……orz

もう一つは IE のバグらしいのだが、1 ドットの設定で IE と Firefox でレイアウトが変わる。&br;
座標系が 0 からか 1 からかの違いなのかなぁ～？&br;
どういうことかというと、汐碕市のサイトは幅 750 ドットで作られている。で、左のサイドバーと右のコンテンツに別れている。サイドバーが 160 ドット、コンテンツが 590 ドットとなる。で、IE だとこいつを 589 に設定しないとレイアウトが崩れる（サイドバーの下に来てしまう）。Firefox では大丈夫。じゃぁ 589 にすればいいじゃんって話になるんだけど、そうなると Firefox ではサイドバーとの間に 1 ドット隙間ができてしまうのだ。

うもー！ まぁこれはたまたま一番上に配置するものだから、絶対座標で回避はできるけどさ……正直なんなのよ、と。

というわけで、ボクはいまだに Table でレイアウトをするクセが抜けない（笑）＜笑い事じゃない


** 餃子市 [#f6de49e7]

|&ref(101212DSCF1154.jpg,,25%);|&ref(101212DSCF1152.jpg,,25%);|&ref(101212DSCF1151.jpg,,25%);|
|BGCOLOR(#D0D8E0):|BGCOLOR(#D0D8E0):|BGCOLOR(#D0D8E0):|
|CENTER:|CENTER:|CENTER:|c
|&ref(101212DSCF1151.jpg,,25%);|&ref(101212DSCF1152.jpg,,25%);|&ref(101212DSCF1154.jpg,,25%);|
|BGCOLOR(#D0D8E0):上海焼きそば|BGCOLOR(#D0D8E0):野菜湯麺|BGCOLOR(#D0D8E0):シメジの山椒炒め|
|&ref(101212DSCF1149.jpg,,25%);|&ref(101212DSCF1157.jpg,,25%);|&ref(101212DSCF1145.jpg,,25%);|
|BGCOLOR(#D0D8E0):|BGCOLOR(#D0D8E0):|BGCOLOR(#D0D8E0):|
|BGCOLOR(#D0D8E0):蝦のマヨネーズ和え|BGCOLOR(#D0D8E0):トウモロコシのサクサク揚げ|BGCOLOR(#D0D8E0):食い放題始めたらしい|

#article