first-letter×letter-spacingでSafari4がクラッシュ?

レスポンシブウェブサイトを制作中、MacのSafari4.1.3にてサイトを確認したらクラッシュする…。

(´;ω;`)なんでよ

低スペックMacのせい?
と思ったものの画像やソースの容量はかなり抑えたし、しかも他の重いサイトは表示される。これはソースに問題ありと見てエラー箇所の洗い出し。

JSの動作、記述ミスなどチェック

jqueryを幾つか設定しているのでまずはそこから確認。

  1. jqueryを一ずつ外して動作確認
  2. 別ファイルでjqueryをセットし個別に動作確認
  3. JS・HTML・CSSの記述ミスがないか確認
  4. JS・HTML・CSSの文字コードを統一させる

が、なんの問題もないし変わらない。

続きを読む first-letter×letter-spacingでSafari4がクラッシュ?

画像下にテキストを周り込ませないCSS

画像にCSSでfloatで指定した場合、文字が画像の下まで回りこんでいきます。。。marginやpadding指定でやり過ごしてましたが、ブラウザによるレイアウト崩れが気になっていました。

通常の場合↓

海「海の少年」  著 者:小川未明

今年の夏休みに、正雄さんは、母さんや姉さんに連れられて、江の島の別荘へ避暑にまいりました。正雄さんは海が珍しいので、毎日朝から晩まで、海辺へ出ては、美しい貝がらや、小石などを拾い集めて、それをたもとに入れて、重くなったのをかかえて家へ帰ると、姉や妹に見せて、だんだんたくさんにたまるのを見て、東京へのおみやげにしようと喜んでいました。←この部分が気なる

続きを読む 画像下にテキストを周り込ませないCSS