質問: tableの位置がieとその他ブラウザでずれる tableの位置がieとその他ブラウザでずれます。indexのborderもずれるのですが、どのように対策をすれば良いのでしょうか? http://allergy.6.ql.bz/tokusyu.html 上記サイトのtableの位置がieとその他ブラウザでずれてしまいます。 http://css-happylife.com/archives/2007/1025_1325.php 上記のような情報があるのですが、このページの場合どのcssに入れればよいのでしょうか? またこれはいったいどんな原理なのでしょうか? また下記のようにすればieのバグの問題を解決できると聞いたのですが、これを入れれば解決できるのでしょうか? *{ margin:0; padding:0; font:normal normal normal 100%/1.3 "ms pゴシック","osaka",sans-serif; border:none;} font:normal normal normal 100%/1.3 "ms pゴシック","osaka",sans-serif; この記述の意味は何なのでしょうね?
回答: 私も数年前までは、これからはxhtmlだと信じてxhtml1.1に移行し始めていました。html4.01はhtmlの最後の仕様で、今後はxhtmlに移行すると・・ (xhtml1.0は、html4.01を、まったくそのままxmlに直したものでhtml4.01と本質的に同じものです。) ★ただし、transitionalは、1999年の勧告当時から「非推奨」でした。!!! ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ 当時はまだieがブラウザの大半を占めていて、ウェブ標準でない互換モードに対応せざるを得ませんでした。その後、ie以外のブラウザがウェブ標準に対応していくに従い、ieもウェブ標準に舵を切りました。 一方、見捨てられたはずのhtmlですが、そのよさが見直されて、w3cもxhtml2の策定を中止して、html5に集中することになりました。 ★htmlに再び風は吹くか、そして「html 5.0」は - @it ( http://www.atmarkit.co.jp/news/200703/13/eweek.html ) ★html5が持つ本当の意味 - @it ( http://www.atmarkit.co.jp/news/200801/25/html.html ) html5では、たとえばあなたの書かれたhtmlについて言うと table要素の、border、cellpadding、cellspacing、frame、rules、widthの属性がすべて破棄され、必須だったsummaryがoptionとして残るだけです。 このように、html4.01transitionalで残されていたすべてのプレゼンテーションに関わる要素・属性が【予告どおり】なくなります。残されるものも、プレゼンテーション的な意味は定義からなくなります。 方向性は、xhtml1.1も同じでした。 ・・・・・・・・・・・・・・ ie8で見ているのですが崩れます。標準モードではないのでしょうか? これはわかりません。前の回答のdoctypeスイッチを確認してください。他のブラウザで確認するのも良いでしょう。 >標準モードとはふつうにieを起動させることですよね。 違います。 >またhtml4が良いと拝見したのですが、xhtml1.0ではだめでしょうか? まったく同じものです。xmlであるかないかが違う。そうでしなくてhtml4.01strictないし、xhtml1.0strictと言う意味です。 >リファレンスは初心者の私にはなかなか難しいのですが、xhtmlのリファレンスを少しづつ見ていきたいと思います。 html4.01strictのほうが資料は多い。 私は6・7年前からhtml4.01strictです。一時期xhtmlに移行しましたが、現在はまたhtml5を見据えたhtml4.01strictに戻しています。 >xhtmlでなくhtm4.01strict+css2.1で作成するとブラウザによる違いはなくなるのでしょうか? 誤解されないように、xhtmlかhtmlかの差ではなく、strictかそうでないかの差です。!!!xhtml1.0strictでも構いません。