トップ «前の日記(2010-11-04) 最新 次の日記(2010-11-07)» 編集

日々の破片

著作一覧

2010-11-06

_ IEとSafariの非互換

IEでテストしてOKだと思ってSafariで見たら違うものが見えた。

spanって良くわからないし、ということでtableでやってやれと思い、書き換えた。

で、IEでテストしてOKだと思ってSafariで見たらやはり違うものが見えた。

帰宅して、簡略版を作ってためしたら、FirefoxもChromeもSafariと同じものを見ている。はいはい。月曜に会社の開発マシンにもChromeかSafariを入れるよ。

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" /> 
<style type="text/css">
 table { text-align: left }
 .x { width: 20px; text-align: right }
</style>
</head>
<body>
<table>
 <tr><td>abcdefg</td><td>x</td></tr>
 <tr><td class="x">x</td><td class="x">x</td></tr>
</table>
</body>
</html>

上のHTMLをIEとChromeで表示した例。SafariやFirefoxはChromeと同じになる。

ieはwidthは左端から

width指定が有効らしいことは2カラム目でわかるが、1カラム目のようにIEは直前のカラムとは無関係あるいは左端からwidth分の領域を確保し、Chromeは無視しているかあるいは右端からwidth分の領域を確保している。

text-alignをleftにした場合は同じ結果となるので、ややこしい。

本日のツッコミ(全2件) [ツッコミを入れる]
_ matarillo (2010-11-06 00:51)

DOCTYPE宣言を書くとIE8も他のブラウザと同じになりませんか。

_ arton (2010-11-06 01:09)

ツッコミありがとう。Strictを入れたら同じになりました。何か書いてあるな(元ネタを直してた)と思って気にして無かったけど、多分Transitionalだったのかも。


2003|06|07|08|09|10|11|12|
2004|01|02|03|04|05|06|07|08|09|10|11|12|
2005|01|02|03|04|05|06|07|08|09|10|11|12|
2006|01|02|03|04|05|06|07|08|09|10|11|12|
2007|01|02|03|04|05|06|07|08|09|10|11|12|
2008|01|02|03|04|05|06|07|08|09|10|11|12|
2009|01|02|03|04|05|06|07|08|09|10|11|12|
2010|01|02|03|04|05|06|07|08|09|10|11|12|
2011|01|02|03|04|05|06|07|08|09|10|11|12|
2012|01|02|03|04|05|06|07|08|09|10|11|12|
2013|01|02|03|04|05|06|07|08|09|10|11|12|
2014|01|02|03|04|05|06|07|08|09|10|11|12|
2015|01|02|03|04|05|06|07|08|09|10|11|12|
2016|01|02|03|04|05|06|07|08|09|10|11|12|
2017|01|02|03|04|05|06|07|08|09|10|11|12|
2018|01|02|03|04|05|06|07|08|09|10|11|12|
2019|01|02|03|04|05|06|07|08|09|10|11|12|
2020|01|02|03|04|05|06|07|08|09|10|11|12|
2021|01|02|03|04|05|06|07|08|09|10|11|12|
2022|01|02|03|04|05|06|07|08|09|10|11|12|
2023|01|02|03|04|05|06|07|08|09|10|11|12|
2024|01|02|03|04|05|06|07|08|09|10|

ジェズイットを見習え