2011-07-13 7 views
0

を使用すると不思議に追加されました。私がdoctypeを指定すると、メニューボタンのテーブル行が突然余白になりました。 <tr><!DOCTYPE HTML>

は、見てください: http://twineboard.se/pete/index.php

は、私が最初のページだけにDOCTYPEを追加しました。他のページに移動して、テーブルがきれいに倒れていることを確認します。

何が問題なのですか?

+1

なぜメニューとヘッダー用のテーブルを使用していますか?この場合、イメージを使用しているときに、単純に 'DIV'に配置してCSSルールを使って配置することができます:-) – Ryan

+1

それは無関係ですが、このようなレイアウトではテーブルを使用しないでください。それはあなたが遭遇するすべてのテーブルタグを発表するスクリーンリーダーのようなデバイスに頼っている無効なユーザーのために、あなたのサイトを維持し、使用できないようにするために不要なコードを追加します。 – shanethehat

答えて

1

まず、テーブルはそのようなレイアウトを設計するためのひどい方法です。もう1つは、DOCTYPEはHTMLをどのようにレンダリングするかブラウザに指示します。すべてのページで非常に重要です。第3に、その問題を解決するには、CSS Resetを使用するか、グローバルプロパティーをpadding:0px; margin:0px;に設定してください。

2

doctypeを使用していない場合は、「quirksモード」であり、Webページのボックスモデルは1995年のようです。現代のウェブはdoctypeを必要とし、ページを作成しないでください。

+0

+1:すべてのページに有効なdoctypeがあります。 doctypeを追加したときにバグが表示された場合は、修正が必要なページです。 – Spudley

+0

私は同意しますが、これはコメントではなく回答です。 – Phil

+0

@Phil - 答えは「コメント」にあります。彼は、物事がドクトタイプで変わる理由を疑問に思っており、そこに彼の問題がある。 – Rob