2011-07-13 36 views
0

時神祕地添加當我指定一個doctype時,我的菜單按鈕表格行突然得到一個邊界 - 上面4個像素和下面3個像素。<tr> -margin在使用<!DOCTYPE HTML>

看一看: http://twineboard.se/pete/index.php

我添加DOCTYPE只到第一頁。導航到其他頁面,看看桌子應該如何精美地摺疊。

可能是什麼問題?

+1

爲什麼使用表格作爲菜單和標題?在這種情況下,當你使用圖像時,你可以簡單地將它們放入一個'DIV'並使用CSS規則來定位,這就是我所做的:-) – Ryan

+1

它是不相關的,但你不應該使用表格來進行佈局。它增加了不必要的代碼以供您維護,並使依賴屏幕閱讀器等設備的殘疾用戶幾乎無法使用您的網站,屏幕閱讀器將宣佈他們遇到的每個表格標籤。 – shanethehat

回答

1

首先,表格是設計類似佈局的可怕方法。其次,DOCTYPE告訴瀏覽器如何呈現HTML,這對所有頁面都非常重要。第三,如果您想解決該問題,請嘗試使用CSS Reset或設置全局屬性padding:0px; margin:0px;

2

如果您不使用文檔類型,那麼您處於'怪癖模式',並且網頁的框模型就像1995年一樣。現代網絡需要一個文檔類型,並且不應該創建沒有頁面的頁面。

+0

+1:所有頁面應該有一個有效的文檔類型。如果在添加文檔類型時出現錯誤,那麼這是您需要修復的頁面。 – Spudley

+0

我同意,但這更多的是評論而不是答案。 – Phil

+0

@菲爾 - 答案在於「評論」。他想知道爲什麼事情會隨着文檔類型的變化而變化,而這正是他的問題所在。 – Rob

相關問題