ここの情報は古いです。ご理解頂いた上でお取り扱いください。

Opened 10 years ago

Closed 10 years ago

Last modified 10 years ago

#1646 closed defect (fixed)

食べログ小窓が、Firefoxだと下が見切れてしまう

Reported by: kiwa Owned by: ebihara
Priority: minor Milestone: OpenPNE2.10.2
Component: pne-cmd Version: 2.8.x & 2.10.x & 2.11.x
Keywords: OpenPNE2.8.7 OpenPNE2.11.2 Cc:

Description (last modified by yamaji)

■現象

 Firefoxで、日記等に食べログ小窓を使用すると、小窓の<iframe>の高さが足りず、下が見切れてしまいます。
 <iframe>のheightを現在の 260 ⇒ 280 くらいに広げた方がよいかと思いますが、いかがでしょうか

■原因

ブラウザによってiframeタグが画面上を占める大きさが違うことに起因してます。
///
例えばオブジェクトのスクロールバーをiframe内に表示する場合のiframeの大きさ指定
///
内側の大きさなのか、外側の大きさなのか、で1文字分程度のずれが生じるかもしれません

■修正内容

iframeを試用している箇所はiframeの高さ指定をリテラルとして扱っていたのでリテラルとしてはそのままとして、高さの値を260から280へ変更しました。

■関連情報

Attachments (2)

firefox2.gif (81.0 KB) - added by kunitada 10 years ago.
ticket1646.gif (17.9 KB) - added by ogawa 10 years ago.

Download all attachments as: .zip

Change History (21)

comment:1 Changed 10 years ago by yamaji

Owner: changed from nobody to yamaji
Status: newassigned

Changed 10 years ago by kunitada

Attachment: firefox2.gif added

Changed 10 years ago by ogawa

Attachment: ticket1646.gif added

comment:2 Changed 10 years ago by ogawa

※ちなみにIE6でみた場合も、枠の下線が見切れています。

とのこと

comment:3 Changed 10 years ago by yamaji

Resolution: fixed
Status: assignedclosed

iframeのheightを280に変更しました。

comment:5 Changed 10 years ago by yamaji

Resolution: fixed
Status: closedreopened

comment:6 Changed 10 years ago by yamaji

Keywords: 確認中 added

r4730
修正内容は単なるリテラル変更です

comment:7 Changed 10 years ago by yamaji

Description: modified (diff)

comment:8 Changed 10 years ago by ogawa

Keywords: OpenPNE2.8.7 added; 確認中 removed
Owner: changed from yamaji to ebihara
Status: reopenednew
Version: 2.10.x & 2.11.x2.8.x & 2.10.x & 2.11.x

OKです。stableブランチとtrunkにコミットお願いします。

comment:9 Changed 10 years ago by ebihara

以下のリビジョンでマージしたのでご確認下さい。

comment:10 Changed 10 years ago by ebihara

Keywords: 確認中 added
Status: newassigned

comment:11 Changed 10 years ago by ogawa

Keywords: テスト待ち added; 確認中 removed

comment:12 Changed 10 years ago by kiwa

Keywords: テスト待ち removed

下のborderが表示されていませんが、仕様でしょうか?

comment:13 Changed 10 years ago by kiwa

  • firefox:下のボーダーが表示されない
  • IE6:下、右のボーダーがスクロールしないと表示されない

comment:14 Changed 10 years ago by ebihara

これは、食べログ小窓の iframe 要素で表示させているコンテンツが、そのコンテンツの内容によって大きさが変化してしまうのが原因です。

  • 表示しているコンテンツの大きさ(住所がやたら長いなど)
  • 小窓の表示箇所の最大幅

によって、小窓の下部分が見切れるかどうかが決まります。

また、http://api.tabelog.com/stylesheets/tabelog_pne.css において、

#tabelog_pne_outline {
	width:417px;
	border:solid 1px #ccc;
	margin: 0px auto;
	text-align:left;
	height:280px;
}

と定義されていることから、高さが可変になるのは食べログ小窓で表示されるコンテンツ側の想定している挙動では恐らくありえません。

つまり、表示されるコンテンツの大きさが予測できない以上、これを改善するには、iframe要素の高さをある程度充分な値に指定しておくしかないと考えます。

comment:15 Changed 10 years ago by ebihara

ということで、小窓側としては 280px の高さを取っておく、という仕様でいいと思います。

comment:16 Changed 10 years ago by ebihara

Keywords: 確認中 added

comment:17 Changed 10 years ago by ogawa

Keywords: テスト待ち added; 確認中 removed

comment:18 Changed 10 years ago by kiwa

Keywords: テスト待ち removed
Resolution: fixed
Status: assignedclosed

確認しました。OKです

comment:19 Changed 10 years ago by kiwa

Keywords: OpenPNE2.11.2 added
Note: See TracTickets for help on using tickets.