読者です 読者をやめる 読者になる 読者になる

lang="en" (RailsのScaffoldが作ったHTML) に注意!

HTML

このような、HTMLを書いていたのですが、上手くレイアウトできません・・・・

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<style type="text/css">
dt {
    float: left;
    width: 160px;
}
dd {
    margin-left: 160px;
}
</style>
</head>
<body>
<dl>
  <dt>名前</dt>
  <dd>割烹山田 &nbsp; </dd>
  <dt>住所</dt>
  <dd>港区青山3-3-33 &nbsp; </dd>
  <dt>担当者 名</dt>
  <dd>山田次郎 &nbsp; </dd>
  <dt>担当者 TEL</dt>
  <dd>03-2456-1234 &nbsp; </dd>
  <dt>担当者 email</dt>
  <dd>ziro@yamada.com &nbsp; </dd>
  <dt>種別</dt>
  <dd>顧客 &nbsp; </dd>
  <dt>備考</dt>
  <dd> &nbsp; </dd>
</dl>
</body>
</html>

下のように表示されてしまいます。これは FireFoxですが Safari では思った通りに表示されます。


本や、ネットで調べて見ましたが HTML,CSS は正しそうです。
ふと、lang="en" が気になったので 下のように lang="ja" にかえてみました。

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">

すると、FireFoxでも上手く表示されました!

このHTMLの元は Ruby on Rails の scaffold が作ったコードです。
Railsを使ってる人は注意して下さい。