CSSの設定方法を教えて下さい。


http://www.thabiland.com/ap-hopeland.html

上記ページ、ページ下の部分に
口コミカスタマーレビューという部分があるのですが、

Chrome は正しく表示されるのですが、IEでは正しく表示されません。

IEで正しく表示されるようにするには、スタイルシートをどのように書き込む、もしくは修正、すればよいでしょうか?
具体的には、口コミカスタマーレビューの見出し部分と、最後の口コミ投稿の部分が表示ズレしてしまいます。

どうぞよろしくお願いします。

回答の条件
  • 1人5回まで
  • 13歳以上
  • 登録:2012/11/19 15:42:05
  • 終了:2012/11/26 15:45:04

回答(4件)

id:oil999 No.1

oil999回答回数1728ベストアンサー獲得回数3202012/11/19 16:00:00

ポイント25pt

http://www.thabiland.com/media/css/style.css
の .revttl クラスを以下のように変更してみて下さい。

.revttl {
	margin: 0;
	background: url(../../image/detail/bar_bk.gif) no-repeat left top;
	width: 620px;
	height: 25px;
	padding: 3px 0 0 13px;
	color: #FFF;
	font-size: 16px;
	line-height: 120%;
	font-weight: bold;
	text-align: left;
}
id:nobu55

回答ありがとうございます。
見出しの「口コミカスタマーレビュー」は、正しく表示されるようになりましたが、口コミレビューの一番最後の投稿の文末に大きく空白が空いてしまいます。
この問題は、どのようにCSSを設定すれば、解消できますでしょうか?
大変恐縮ですが、回答いただけると助かります。

2012/11/20 13:52:08
id:oil999

CSSではなく、HTMLコードの下記の部分を見直してください。

<div class="rev_come" style="padding-bottom: 0;">
<iframe src="http://www.thabiland.com/review/post.php?id=147" width="595px" height="500px" scrolling="no" frameborder="0"></iframe>
</div>

style="padding-bottom: 0;" を省くか、
iframe のheightを正しい値(これより小さくなるべき)にしてみてください。

2012/11/21 00:09:11
id:watercooler No.2

井戸端さん回答回数289ベストアンサー獲得回数512012/11/19 19:19:36

ポイント25pt

IEだけpaddinngの取り扱いが違うのよね。
http://www.nishishi.com/blog/2006/02/ie_padding.html

変更場所は244行あたりね。
http://www.thabiland.com/media/css/style.css
padding: 3px 0 0 13px;を消してmarginの値を調整してみて。

id:mahosuto No.3

otusoham回答回数789ベストアンサー獲得回数282012/11/26 15:25:54

ポイント25pt

http://feed.mikle.com/guide/000115.html

こちらが参考になります。

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません