ブログは、CSSを使ってレイアウトしているから、私も「これからはCSSだ！」と思って、tableを使ったレイアウトを修正しようと頑張ったのですが。。。
結局、ブラウザの違いによる見え方とか、作る手間を考えれば、tableタグのほうが、楽だし、面倒なことを考えなくて済みそうです。
私のHPでは、左側だけに壁紙を展開しているのですが、
たとえば、失業訓練のホームページ
http://www.hat.hi-ho.ne.jp/heart_thoughts/t/index.htm
CSSの2カラムでは、最初は、bodyに壁紙をbackground-imageで設定し、左メニューのdiv枠には、paddingで文字と壁紙の間隔を設定しました。でも！ホームページビルダーで編集している時にレイアウトが崩れていて、編集しにくいのです。プレビューやIEだと正常に表示されるのですがね。調べたら、この現象はIEのCSSの解釈の違い、widhtとmargin,padding,borderを入れると崩れるらしいのです。実際、firefoxでは崩れており、IEでは正常。
CSSで左壁紙をするには、カラムのdivにはmarginとpaddingをゼロ、borderを設定せずにして、カラムの中にさらに、divを入れて、このdivにmarginかpaddingか設定すれば、大丈夫。でも、、レイアウトが複雑になって、表示されるのが遅くなるような感じ。
また、枠線を入れると、レイアウトが崩れやすい。それは、IEではborderが中身の内側の領域をpaddingとともに幅を取るから。幅をぴったり合わせるのに、いちいち計算するのも面倒。
ここ数日、何時間も使って修正していたので、疲れました。
企業のサイトでも、CSSではなくて、tableタグは多いですね。mixiもyahooも、ブログ以外は普通はtableを使うのが常識？
|
|
2007年1月29日(月)
No.240
|
|