人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

はてなダイアリーをインラインフレームで自サイトに埋め込みたいのですがこのままではサイズが大きすぎます。サイズを指定して縮小し、埋め込めるでしょうか?方法の実際を指導しているページのURLか、確実な方法があるのでしたらURLなしでも構いません。

●質問者: kazooo3
●カテゴリ:コンピュータ
✍キーワード:はてなダイアリー インラインフレーム サイズ サイト
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● sasada
●25ポイント

http://www.hatena.ne.jp/1059813853

はてなダイアリーをインラインフレームで自サイトに埋め込みたいのですがこのままではサイズが大きすぎます。サイズを指定して縮小し、埋め込めるでしょうか?方法の実際を.. - 人力検索はてな

いきなり、ダミーURLで失礼します。

お尋ねの件ですが、<iframe>タグでwidth指定をしてはいかがでしょうか?

例)

<iframe src=”

http://d.hatena.ne.jp/kazooo3/

大惨事産業

” width=”80%” height=”70%”>

<a href=”

http://d.hatena.ne.jp/kazooo3/

大惨事産業

”>kazooo3さんのダイアリーです</a>.

</iframe>

とか。

◎質問者からの返答

ありがとうございます。

ですがこれでは左右にスクロールさせないと全体が見れないことになりますよね。はてなダイアリーそのもの自体の幅を狭めたいのですが。

上下スクロールは構わないのですが左右スクロールは好ましくないのです。


2 ● sasada
●25ポイント

http://www.hatena.ne.jp/1059813853?

はてなダイアリーをインラインフレームで自サイトに埋め込みたいのですがこのままではサイズが大きすぎます。サイズを指定して縮小し、埋め込めるでしょうか?方法の実際を.. - 人力検索はてな

>はてなダイアリーそのもの自体の幅を狭めたいのですが。

いや、横幅自体は狭まっているのです。ページ上部のヘッダ部以外は。。。

ある程度の縮尺までは、横スクロールなしでいけるのですが。(^^;

私の環境では、横800pxで60%までスクロールバーなしで縮小できました。

それはさておき、横スクロールが出る原因は、ページ上部のヘッダが「折り返し禁止」かつ「領域縮小不可」になっているためです。

他の部分は、大方のブラウザで、ちゃんと折り返しているみたいですし。

ここに手を入れるには、ダイアリー側のスタイルシートに手を加えるしかないでしょう。

で、この“ようこそ”ヘッダですが、クラス指定されていないので、スタイルシートの適用が難しいです。

ネストの深いところで、width指定のあるイメージや、nowrap属性のあるセルがあって、手がつけられません(^^;

BODY>TABLEで直接指定して、「display:none !important」とすれば、ヘッダ表示がマルゴト消えるのでフレームに収まると思いますが、普通の状態で見るときのことを考えれば現実的とは言えませんね。

ヘッダ表示する以上、横スクロールバーの存在は諦めるしかないかもしれません。

◎質問者からの返答

ふむむ。ありがとうございます。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ