要素間の水平空白を取り除く

Question

私はhtml/cssの世界には新しく、自分のビジネスのための簡単なWebサイトを設計しています（Flashなし、電子商取引なし、ちょっとした情報 - 簡単！これはかなり基本的な質問かもしれません - 私はむしろそれが願っています - しかし、私はそれが任意の数のフォーラムで扱われていることがわかりません。実際に、求めているほとんどの人々は反対をしようとしています。

私はページのためにXHTMLを指定していますが、HTMLテーブルを使用しています（私は知っていますが、私はまだCSS divを手に入れようと努力しています。 ）。私は明るい灰色の背景と1つの行があります。 2行目では、1番目のセルはオレンジ色の背景になります。 2つの画素の間には白の2つの画素があり、色は接触しません。私は余白、枠線、およびパディングをすべて0に設定していますが、これらの白い行を取り除くものは何もありません。言及された設定を除いて、私はまた効果のない堅いボーダーを設定しようとしました。

1. が、これはテーブルを使用する機能である：これは質問を要約すると、両方のFirefox 3.6とIE 8

   に起こっているのでしょうか？

2. もしそうなら（あるいはそうでなくても）、DIVを使って問題を解決するのですか？

3. 私は他の解決策を見落としていますか？

私はこれを厳密にhtmlとcssで行う予定です。他の言語はありません。私は30年以上コンピュータで作業してきましたが、私が本格的にやった最後のプログラミングはFORTRAN 77であり、3GLや4GL言語（PERLの小さなビット、テストツールのスクリプト言語、私はUNIXのスクリプトではかなり精通していますが、私はVBとCファミリを読むことはできますが、書くことはできません）。

Answer 1

次のようなテーブルルックのHTMLを作成する必要があります。

<table cellspacing="0" cellpadding="0"> 

しかし、あなたは本当にdivを行う必要があります。彼らははるかに優れており、あなたの問題を解決します。

Answer 2

これはセルのパディングやセル間隔の問題のようです。お試しくださいthisドキュメント。また、htmlをチェックするための簡単な方法も提供します。

table { 
    border-collapse: collapse 
} 

そしてcellpadding=0は次のとおりです：

Answer 3

同じだけのCSS cellspacing=0としてあなたもCSSのアプローチ:)