Safari不具合対応

 以前から認識していたのですが放置し続けていたのがSafariでの表示の不具合。
 一度修正対応したはずなのですが、サーバー移転と環境の再構築の際に忘却。判ってはいたのですが放置し続けていました。Safariをご利用の方には大変ご迷惑をおかけしておりました。
 カテゴリアーカイブなどのサイドバーの表示がコンテンツ側にかぶさって重なった状態で表示されるというもの。
 これはgamma要素のfloat指定をrightにしてマージンを指定してる事がSafariでは正常に解釈されないせいのようで、この部分をSafariのみ対応のCSSハックしました。どうも右端から190pxを取るようで、左上原点を190pxずらすように解釈していないようです。
 通常、right:190px;となっているのですが、Safariではright: 0px;が適用されるように修正。
 とりあえずSafari 5で確認した所大丈夫なようです。iPadやiPhoneのSafariも同様にOK。
 これはWebKitのレンダリングエンジンのミスでしょうかねぇ。

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

CAPTCHA