ネットショップ立ち上げ備忘録

初心者がネットショップを立ち上げるまでに関連する技術や考察の備忘録です。ネットショップでのSEO対策や、アクセス・集客方法、広告手法、デザインなどについても記事を公開しています。

PREV | PAGE-SELECT | NEXT



≫ EDIT

スポンサーサイト



上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。


関連スクラップ記事

関連エントリ抽出中...
このエントリーをはてなブックマークに追加 Clip to Evernote

| スポンサー広告 | --:-- | TOP↑

≫ EDIT

Safari や Google Chrome で謎の隙間が上下左右に出た場合




Photo by taiyofj

いわゆるWebkit系のブラウザに起こる現象です。
めったにおこる事はないけど起こる原因と解消方法をアップ。

謎の隙間が出きるというレイアウトの問題。

つまりCSS側が怪しいという事になります。
起こる原因としてCSSファイルの記述に

@charset "UTF-8";

の手前に何か文字を書いていると謎の隙間が出る現象が起こります。
IEやFirefoxには起こらない事なのでWebkit系ブラウザかなと。

解消方法は簡単に
@charset "UTF-8";の手前に何も書かないこと。
つまり先頭に@charset "UTF-8";を書いておく。

当たり前といえば当たり前の記述方法であり約束事なんですが、たまにイレギュラーという事もあると思うので、もしSafariやGoogle Chromeブラウザで謎の隙間が入る現象が起きたら@charset "UTF-8";をチェックしてください。


関連スクラップ記事

関連エントリ抽出中...
このエントリーをはてなブックマークに追加 Clip to Evernote

| コーディング | 03:24 | TOP↑

PREV | PAGE-SELECT | NEXT

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。