JustAnswer のしくみ:
  • 専門家に質問
    知識豊富な専門家があらゆる質問にお答えするために常に待機しています。
  • 専門家が丁寧に対応
    E メールやサイト内オンラインメッセージなど、さまざまな手段で回答を通知。必要に応じてフォローアップの質問をすることもできます。
  • 満足度 100% 保証
    専門家からの回答を確認し評価をすることで、支払うかどうかを決めます。
rushqkに今すぐ質問する
rushqk
rushqk, システムエンジニア
カテゴリ: インターネット
満足したユーザー: 766
経験:  AV機器開発設計
60440014
ここに インターネット に関する質問を入力してください。
rushqkがオンラインで質問受付中

はじめまして、初めて質問させてもらいます。 京都在住のヤナギと申します。 よろしくお願いします。 FC2ブ

解決済みの質問:

はじめまして、初めて質問させてもらいます。
京都在住のヤナギと申し ます。
よろしくお願いします。

FC2ブログを運営しておりますが、IEでは正常に表示されますが
グーグルクロームでは
真ん中に空白が出来、レイアウトが崩れて表示されます。

ブログURLです。
http://mustangford.blog47.fc2.com/

ずっとIEを使っておりますので
グーグルクロームでこのように表示されているとは思いもよりませんでした。

しかし、3ヶ月ほど前に
ふと、グーグルクロームを使って
ブログを表示したときがあり、その時は正常に表示されていた、という記憶があります。

プラグインの画像が重たいのかと、消してみたり
大きさを変えたりしましたが改善されません。

考えられる原因と解決策を教えて下さい。

お願いいたします。
投稿: 6 年 前.
カテゴリ: インターネット
専門家:  rushqk 返答済み 6 年 前.

質問ありがとうございます。

 

floatの解釈が異なるためだと思います。

 

CSS側に

------------ここから

.clearfix:after {
content: "";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

------------ここまで

 

を追加し、メインセルのずれているところで以下のように修正してください。

<!-- 記事等メインセル -->

<td id="main-cell" class="clearfix"><!-- main-cell -->

 

これで、float要素のブラウザによるずれはなくなると思います。

お試しください。他にもずれる箇所がある場合は親要素に同じように

clearfixを設定してやれば良いと思います。

rushqkをはじめその他名のインターネットカテゴリの専門家が質問受付中

インターネット についての関連する質問