トップページ > 記事閲覧
【トラブル】アイコンと文字が重なる
投稿日 : 2018/08/06(Mon) 15:56
投稿者 ponge
参照先
いつもお世話になっております。

久しぶりにHAIKをバージョンアップしようと思い、
現行の「7.3.0」にアップデートしてみました。

そうすると、アイコン(FontAwesome)のところがなぜか、
下に配置しているはずの文字と重なって表示されるようになりました。

centerにしてもなんとなくズレているようにも感じます。

色々やってみると、どうも「#section」の中に入れるとダメみたいです。
※何も指定していないところや「#cols」の中なら大丈夫


文字あるいは見出しの上にアイコンを置いた場合は重なって表示されます。
なので、必然的にアイコンを下部に配置しなければなりません。

当方だけの現象かもしれませんが、アイコンを設置されている方は一度ご確認ください。


※エックスサーバー
Chrome,Firefoxで確認
Re: 【トラブル】アイコンと文字が重なる
投稿日 : 2018/08/11(Sat) 10:48
投稿者 うみほし
参照先 https://umihoshi.com
昨今はキャッシュのやり過ぎの弊害が出ていなかなと感じることもしばしば。
時々掃除した方がトラブル防止になるのかもしれません。
Re: 【トラブル】アイコンと文字が重なる
投稿日 : 2018/08/07(Tue) 08:56
投稿者 ponge
参照先
うみほしさま

ご回答ありがとうございます。

うみほしさまの通り、ブラウザのキャッシュを削除すると
正常に分離して表示されるようになりました。

あと、HAIKの設定からもキャッシュを削除いたしました。

ある程度時間が経つと、キャッシュを削除していないブラウザ
でも分離して表示されるようになりました!

解決していただきましてありがとうございました。
Re: 【トラブル】アイコンと文字が重なる
投稿日 : 2018/08/06(Mon) 18:01
投稿者 うみほし
参照先 https://umihoshi.com
ブラウザのキャッシュを削除してみてください。
これで正常になることがほとんどです。
合わせてアップデート後はHAIKの設定からもキャッシュ類を削除すると表示系の不具合を防げます。

- WEB PATIO -