一切都集中在一起

Question

我有這個頁面（ 在這個URL ）使用以下結構。

我有一個HEADER.php：

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

然后，在這里我把頁面的內容包括一個FOOTER.php

   </TD>
  </TR>

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

好吧，我應該使用更新的DIV，但我對舊表方法太親熱了;）

問題：一切都在中心（你可以看到）！ 我試圖把對齊 - 左邊的一切都沒有成功。 奇怪的是，如果我刪除那些內容（並且只是放入“Hello World”）一切都很好。

所以我認為HTML / CSS（內容） - 從Blogger帖子中復制和粘貼 - 是問題的根源。

但是想知道“損壞的”HTML / CSS（內容）如何改變previuos實體（同時'鏈接欄'居中！）

其他頁面的header.php / footer.php相同

先感謝您

Answer 1

“更新的DIV”，“舊表方法”......使用表格為你的布局不老，它的史前！ 請學習如何使用div，你會很快看到它的工作原理太容易了。

但我也想提供一個答案，將其添加到樣式表中：

table tr td { text-align: left; }

Answer 2

刪除你的tr {text-align：center;}第222行和timer.html第296行。你在兩行都有兩次，所以刪除它們。

你真的應該把你所有的CSS放在同一個地方，你會更容易調試。

Answer 3

只需定義下面提到的css來實現你想要的結果.....

CSS

table tr td {
text-align:left;
}

看附帶的演示： -