html - すべてが中心

Question

私は HEADER.php を持っています:

<TABLE>
 <TR>
   <TD>Link bar (left)</TD>
   <TD>

次に、ここにページのコンテンツを配置し、FOOTER.php を含めます。

   </TD>
  </TR>

 <TR>
   <TD>Footer Contents</TD>
 </TR>
</TABLE>

わかりました、新しい DIV を使用する必要がありますが、私は古いテーブルメソッドに愛情がありすぎます ;)

問題: すべてが中央に配置されています (ご覧のとおり)。すべてを左揃えにしようとしましたが、成功しませんでした。奇妙なことに、そのコンテンツを削除すると (そして「Hello World」だけを配置すると)、すべて問題ありません。

したがって、Blogger の投稿からコピーして貼り付けた HTML/CSS (コンテンツ) が問題の原因であると思います。

しかし、「破損した」HTML / CSS（コンテンツ）が以前のエンティティをどのように変更できるのか疑問に思っていました（「リンクバー」も中央にあります！）

他のページの同じ header.php/footer.php は正常に動作します

前もって感謝します

score 2 · Accepted Answer

「新しいDIV」、「古いテーブルメソッド」...レイアウトにテーブルを使用することは古くはなく、先史時代です! div の使用方法を学んでください。すぐに、それが非常に簡単に機能することがわかります。

しかし、私も答えを提供したいと思います。これをスタイルシートに追加してください：

table tr td { text-align: left; }

score 0 · Accepted Answer

目的の結果を得るには、以下の css を定義するだけです.....

CSS

table tr td {
text-align:left;
}

添付のデモを参照してください:- ここに画像の説明を入力

score 0 · Accepted Answer

tr{text-align:center;} の行 222 と timer.html の行 296 を削除します。両方の行に 2 回あるので、すべて削除します。

すべての CSS を同じ場所に配置する必要があります。これにより、デバッグが容易になります。

3 に答える 3