スタイルシートとspacer.gif

[新着] TAG indexオフライン版 3.0 を準備中です



0   名前: センター : 2004/11/25 01:33
テーブルの表示について、スタイルシートでの表示と1×1の透過gifである
spacer.gifを使用した表示、どちらが良いのでしょうか?
ブラウザの対応を重視すればspacer.gifが良いということはわかりますが、
<table>を多く追加・入れ子し、ページの重さや表示・処理速度を考えると疑問です。
どちらでも良いと言われれば、それまでですが。多少なりとも差が出ると思うのです。
お手数ですが、よろしくお願い致します。

1   名前: センター : 2004/11/25 01:42
文字制限に引っかかり例を書けませんでしたが、例えば、

<HTML>
<HEAD>
<STYLE TYPE="text/css">
<!--
TABLE, TD { border: 1px #000000 solid;
border-collapse: collapse;
table-layout: fixed; width:300px;
}
-->
</STYLE>
</HEAD>
<BODY>
<TABLE>
<TR>
<TD>セル1</TD>
</TR>
</TABLE>
</BODY>
</HTML>

と表示は同様のspacer.gifを使用した

<HTML>
<HEAD>
</HEAD>
<BODY>
<TABLE CELLPADDING="0" CELLSPACING="0" WIDTH="300">
<TR>
<TD COLSPAN="5" BGCOLOR="#000000"><IMG SRC="spacer.gif" ALT="" WIDTH="1" HEIGHT="1"></TD>
</TR>
<TR>
<TD BGCOLOR="#000000"><IMG SRC="spacer.gif" ALT="" WIDTH="1" HEIGHT="1"></TD>
<TD COLSPAN="3"><IMG SRC="spacer.gif" ALT="" WIDTH="1" HEIGHT="1"></TD>
<TD BGCOLOR="#000000"><IMG SRC="spacer.gif" ALT="" WIDTH="1" HEIGHT="1"></TD>
</TR>
<TR>
<TD BGCOLOR="#000000"><IMG SRC="spacer.gif" ALT="" WIDTH="1" HEIGHT="1"></TD>
<TD WIDTH="1"><IMG SRC="spacer.gif" ALT="" WIDTH="1" HEIGHT="1"></TD>
<TD>セル1</TD>
<TD><IMG SRC="spacer.gif" ALT="" WIDTH="1" HEIGHT="1"></TD>
<TD BGCOLOR="#000000"><IMG SRC="spacer.gif" ALT="" WIDTH="1" HEIGHT="1"></TD>
</TR>
<TR>
<TD WIDTH="1" BGCOLOR="#000000"><IMG SRC="spacer.gif" ALT="" WIDTH="1" HEIGHT="1"></TD>
<TD COLSPAN="3"><IMG SRC="spacer.gif" ALT="" WIDTH="1" HEIGHT="1"></TD>
<TD WIDTH="1" BGCOLOR="#000000"><IMG SRC="spacer.gif" ALT="" WIDTH="1" HEIGHT="1"></TD>
</TR>
<TR>
<TD COLSPAN="5" BGCOLOR="#000000"><IMG SRC="spacer.gif" ALT="" WIDTH="1" HEIGHT="1"></TD>
</TR>
</TABLE>
</BODY>
</HTML>

2   名前: カヅサツ : 2004/11/25 03:16   [URL
http://hpcgi2.nifty.com/yoshi-m/makehp/q_a/css/wforum.cgi?mode=allread&no=643&page=0

3   名前: むむりく : 2004/11/25 03:41
カヅサツさんとかぶったので編集

// ↓エルトン・ジ(略

4   名前: カヅサツ : 2004/11/25 03:17   [URL
よし、結婚だ。

5   名前: センター : 2004/11/25 11:22
マルチポスト、申し訳ございません。
無知でした。以後気を付けます。

一覧へ戻る