lang="en" (RailsのScaffoldが作った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>割烹山田 </dd> <dt>住所</dt> <dd>港区青山3-3-33 </dd> <dt>担当者 名</dt> <dd>山田次郎 </dd> <dt>担当者 TEL</dt> <dd>03-2456-1234 </dd> <dt>担当者 email</dt> <dd>ziro@yamada.com </dd> <dt>種別</dt> <dd>顧客 </dd> <dt>備考</dt> <dd> </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を使ってる人は注意して下さい。