「箸」銀座夏野ホームページ

制作時間4時間。

「箸」銀座夏野|テーブルレイアウト


Fireworksでスライスしてテーブルを組むこと約4時間。
久々のテーブル…いや〜すっかりやり方を忘れてます>_<
思わずCSSでfloatさせたくなるのを グッとこらえてネストネスト…(笑)


次回の授業までに全部仕上がるかなぁ〜^^;


テーブルレイアウトのコツ
・テーブルは横へ横へ…重箱のように上から下へ組んでいく
・上段と左段を結合させた状態の『カギ型』のスペースは作らない
・スペースセルの中に何も入れない状態にすると、webブラウザ標準の『16px』分が
 勝手に入ってしまい、レイアウトの崩れの原因に!
・スペースセル内には必ず何か入れ込む。スペーサーを『つっかえ棒』とし
 幅・高さを必ず指定。それに伴いtd(セル)の幅・高さも必ず指定する。
・スペーサー画像のaltは空に。音声ブラウザが読み上げないようにする為。
・テーブルの階層は3階層までが限界。それ以上になると複雑になりすぎる。


番外:CSSレイアウトのコツ
・#wrapperをブラウザの中央に配置するには、text-align: centerを。
 margin-right:auto; margin-left:auto; だと古いブラウザでは中央に配置されない。