ページをスクロールすると文字が消える時の対処法

 

アメブロのヘッダー画像を自分だけのオリジナル画像に変えたいという方はこちら

 

先日アメブロのカスタマイズをしてたら、こんなエラー?バグ?が発生した。

.entry date部分を編集し、ページをスクロールするとなぜかブログ本文部分の文字が一部消える。

「またIEのバグか・・・。」

と思いFireFoxとSafariで確認すると、こちらは正常。

IEなんてこの世から消えてしまえと思いつつも、一番ユーザーが多いので直すよりしかたがない。

 

ちなみに使用しているスキンは「ベーシック」。

記事に関する部分を指定しているcssはデフォルトでは以下のようになっている。

/*■記事 – 基本設定 – メインカラム*/
.entry{
margin-bottom:40px;
}
.entry .entry_head{
height:16px;
}
.entry .theme{
display:block;
padding:0 0 5px 0;
}
.entry .date{
display:block;
float:left;
margin:0;
padding:1px 0;
}
.entry .name{
display:block;
float:right;
margin:2px 0 0 0;
padding:0;
}
.entry h3.title{
clear:both;
margin:0 0 8px 0;
padding:3px 5px;
}
.entry .contents{
margin:15px 0 15px 0;
}
.entry .foot{
padding-top:5px;
}

 

これらのどこかを編集して、IEでの表示で文字が消える場合、

親要素である.entry{}に以下の赤字部分を追加することで解決できた。

.entry{
margin-bottom:40px;
width:100%;
}

要は親要素の幅(width)を明示する

しっかり〇〇pxって指定したほうがいいのかもしれないけど、今回は100%で解決できた。 

人気ブログランキングで今何位?

アメブロのヘッダー画像を無料で作成

  • このエントリーをはてなブックマークに追加

【PR】話題のラインスタンプを自分で作って販売する方法

ブログランキング応援していただけると嬉しいです↓

にほんブログ村 釣りブログ バスフィッシングへ にほんブログ村 釣りブログ 東海釣行記へ にほんブログ村 釣りブログへ

この記事の著者

kazushi釣りと生き物をこよなく愛するWEBデザイナー

釣りと焼酎が好きなWEBデザイナー。夜な夜な真っ暗な部屋で水槽を眺めながら呑んでいます。最近のマイブームはハンドメイドルアー制作。琵琶湖のほとりでひっそりとWEB制作事務所を営んでいます。

この著者の最新の記事

関連記事

カテゴリー

アーカイブ

インスタやってます

ページ上部へ戻る