テーブルとインラインスタイル(幅や高さなどがある場合)を純粋に使用することは非常に時代遅れの方法であり、この種のレガシーデザインをデバッグすることは、いくつかのルールを与える場合ではなく、「必要な」と言うようなものです。もう少し学ぶために」。
テーブルにはその場所があります-テーブルなしでは不可能に近いトリックがまだたくさんあります-しかし、あなたは本当にいくつかのより良いテクニックを習得する必要があります。
おそらく良いアプローチは、誰かにお金を払ってあなたのためにきれいなcssとhtmlであなたのページをセットアップし、そして彼らがそれをどのように行ったかを見ることです。あなたのためにこれを行う何千ものサービスがあり、あなたのデザインは複雑ではないので、かなり安いはずです。
実は、これはデザインサービスを販売しているサイトのようです。このようなシンプルなデザインをレイアウトするのに多くの問題がある場合は、将来のある時点で、弾丸を噛んで適切でモダンなものを手に入れ始めない限り、はるかに困難な時間を過ごすことになります。技術。
見た目よりもはるかに単純です。物事を非常に単純に保ち、適切なCSSリセットを使用することを忘れないでください。リセットすると、ブラウザのユーザーエージェントスタイルの一部であるすべてのテーブルの余白とパディングが削除され、どのように表示されるかを正確に定義できるようになります。
Eric MeyerのCSSリセット-名前空間ではなく、通常はアイテム間でリセットされます。
YUI3リセット-名前空間が設定されているため、必要に応じてページのチャンクにリセットを選択的に適用できます。