- ベストアンサー
スタイルシートによる疑似フレーム内のキャプチャ
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
キャプチャ結果をどう使いたいのかが分からないので 要望に合うかどうか分かりませんが。 「キャプチャ」は見えている部分だけしか撮れません。 よって直接は出来ないと思います。 ドラッグして全てを選択し、Wordなどに貼りつけると 文字修飾や画像等もほぼそのまま張り付きます。 それをキャプチャするかプリントするなりすれば 大体の用途ではOKですが。 厳密には 「ソースの表示」でソースを HTMLエディタに コピーすれば出来ますが、画像等は別途コピーしないと いけないので、かなり面倒です。
関連するQ&A
- 擬似フレーム
フレームだらけのHPを，擬似フレームを使用したHPに改造しようと色々と試行錯誤していますが，JavaScript等が良く判らず，難儀しております． 理想としているのは，「擬似フレーム（疑似フレーム）」の作り方（IE6 にも対応、スタイルシート(CSS)、JavaScript使用）」http://www.kuhp.kyoto-u.ac.jp/~diag_rad/web/p_frame.html のサイトです． このサイトを参考にした，「高密度商業地域 - 擬似フレーム」http://komitsudo.blog70.fc2.com/blog-entry-32.html にある 「実際に動作しているサンプルページ」http://blog-imgs-27-origin.fc2.com/k/o/m/komitsudo/index.html と同様の本文がスクロールするHPは作れたのですが，ヘッダー・サイトマップ・フッターの共用の仕方がわかりません． よろしくお願い致します．
- ベストアンサー
- HTML
- スタイルシートやフレームなど使いますか？
現在、ホームページビルダーにて作成しています。 スタイルシートやフレームページなどは、ブラウザによっては対応していないことがあるとのことで、 現在、どちらも使用はしていません。 自分はそれで良いと思うのですが、 一般的なブラウザでは、まず見られるし、 あまり制限すると、せっかくの新しい機能が使えないと言うことにもなります。 フレームに関しては、使わないと言う人が多いようですが、 スタイルシートに関しては、そうでもなさそうなんですが、 このあたりの理由は何でしょうか？ スタイルシート未対応でも見られると思いますが、 見栄えが崩れる場合がありますよね。 今後の参考にお願いします。
- ベストアンサー
- ホームページ作成ソフト
- フレームと擬似フレーム
以前、フレームを使わずにフレームに表示する方法をここでお聞きし、擬似フレームというものがあることを知りました。 CSSとjavascriptを使う擬似フレームと、フレームの場合やはり擬似フレームを使うべきなのか迷っています。 （SSIやphpは使えません） 更新は楽にしたいのと、対応しないブラウザがある→未対応ブラウザ向けにサイトマップをつくる 、という点では一緒かな、と思ったのですが・・・。
- ベストアンサー
- HTML
- CSSスタイルシート・疑似フレームでのターゲット指定リンク
CSSのスタイルシートを使ったフレームページ風のデザインがありますね。（疑似フレーム） フレームページであれば、ターゲットによってそのターゲットとなったページのみリンク先に飛べますが、CSSのスタイルシートでも再現できますか？ CSSのスタイルシートではidで別れていますが、どうすればできますかね？JavaScriptを利用すればできるという話を聞いたことはありますが、実際どうすればいいのかわかりません。方法とそのことが詳しく記載されたサイトなどを紹介して頂ければ幸いです。
- 締切済み
- HTML
- フレームが設定されている画面のキャプチャについて
環境はIE8、winXPです。 画面がフレームで二分割されている画面(「日」のような横方向分割)で、 下の画面には縦スクロールバーがあります。(上の画面にはスクロールバーはありません) スクロールしなければ見えない部分を含め、一度の操作で画面全てキャプチャできるようなフリーソフトのソフトウェアを探していますが見つかりません。 このようなキャプチャができるソフトウェアはあるのでしょうか。
- 締切済み
- その他([技術者向] コンピューター)
- ブラウザ／OS／バージョン別にスタイルシートを読み込む
私の考え違いか わかるかた教えて下さい。 JavaScript例文辞典のブラウザ／OS／バージョン別にスタイルシートを読み込む http://www.openspc2.org/reibun/javascript/browser/013/index.html document.write("<link rel='stylesheet' type='text/css' href='../c_f/m_ta01.css'>");}によりスタイルシートを読み込む では、IEでは、ブラウザ／OS／バージョン別にスタイルシートを読み込む ことが出来ません。 SAFARIとGoogle Chromeでは、ブラウザ／OS／バージョン別にスタイルシートを読み込む ことが出来ますが。 JavaScriptで代替CSSを適用する方法 http://www.usamimi.info/~geko/arch_web/02_sample/018/index.html <link rel="stylesheet" href="../c_f/m_rn1o.css"> <link rel="alternate stylesheet" href="../c_f/o_ie01.css" title="ie"> <link rel="alternate stylesheet" href="../c_f/o_ta01.css" title="ta"> 上記３行の指定で代替スタイルの指定をJavaScriptで指定する では、IEやFIREFOXでは、ブラウザ／OS／バージョン別にスタイルシートを読み込む ことが出来ますが。 SAFARIとGoogle Chromeでは、ブラウザ／OS／バージョン別にスタイルシートを読み込む ことが出来ません。 何か簡単に、ブラウザ／OS／バージョン別にスタイルシートを読み込むことが 出来ませんか。
- 締切済み
- JavaScript
- 疑似フレームがIEだと成り立たない
疑似フレームがIEだと成り立たない 以下のようなCSSですが、FIREFOXやクローム等では反応するのですが、 IEだと処理されません。 どうすればいいのでしょうか？ 教えてください。お願いします。 ちなみにCSSというものは初心者です。申し訳ありません。 <STYLE> <!-- BODY .menu1 { width : 12%; height : 100%; left : 0px; top : 100px; position : fixed; overflow: auto; } .menu2 { width : 12%; height : 100%; right : 0px; top : 100px; position : fixed; overflow: auto; } .main { position : absolute; z-index : 1; } --> </STYLE>
- 締切済み
- ブログ
- フレームを使わず、スタイルシートを使用して、視覚的にフレームを使用した
フレームを使わず、スタイルシートを使用して、視覚的にフレームを使用したメニューを作ろうということで、ホームページを作成しました。 divにてコンテンツブロックを分け、スタイルシートで、そのブロックの並びを制御してやろう、とまあ、こういういきさつです。 制作したのが、こちらのページ。制作したHPのリンクを張るのはOKWaveのルール違反のようですが、あえて… http://www.poetican.com/poetica/ このHPに使用しているすべてのページが、同じデザインで制作されています。 IEでは、理想通りにページが展開されるのですが、FireFoxやGoogleClomeでは、そのようには表示されません。 CSSファイルは、次のアドレスです。 http://www.poetican.com/poetica/poetica_main.css おそらく、『float: left;』というのがまずいようですが… W3Cに準拠し、なおかつ、どのブラウザでもIEと同じように表示させるためには、どのようにすればいいのでしょうか。 可能であれば、CSSだけを修正すればいいような感じでできればありがたいのですが…。 アドバイスを、よろしくお願いします。
- 締切済み
- HTML
- IE6でスクロールさせないフレームのスタイルシート
上下2段のフレームをスタイルシートで作成して、 下の方の段(mainbox)だけはスクロールさせ、 上の段(header)はスクロールさせないで固定させたいのですが、 以下のCSSでは、Geckoで表示させると意図通り 上の段が固定されるのですが、IE6では上下段とも 一緒にスクロールしてしまいます。 タグを色々試して、Webも検索してみましたがギブアップです。 どのようにすればIE6で上の段を固定したまま、 下の段だけスクロールできるのでしょうか？ body {margin:0; padding:0; height: 100%; } #header{ background-color: #2F2; position: fixed; top: 0; left:0; height: 60px; width: 100%; z-index: 10; } #mainbox{ background-color: #7F7; margin: 60px 0 0 0; _margin: 0 0 0 0; overflow: auto; }
- ベストアンサー
- HTML
- ブラウザによってFrameがズレてしまう。
IE7 IE6 FireFox それぞれのブラウザでFrameの見え方が異なってしまいます。 ↓ http://nanzya.web.fc2.com/ 具体的には、上のFrameと下のFrameがズレて表示されます。 IE6ではちゃんと表示されていたものが、IE7やFireFoxではズレてしまいます。 （下Frameをscrolling="auto"にしているとズレるようです。） （上Frameはscrolling="no"） すべてのブラウザで表示を統一するには どうすればいいでしょうか。 どなたかご教示ください。
- 締切済み
- HTML
お礼
回答ありがとうございます。 キャプチャソフトによっては、自動スクロールで隠れた部分もキャプチャ可能なのですが、Windows7にはまだ対応していないようです（例えば、キャプラ）。対応していても、フレーム内を撮る事は難しそうですが・・・ でも、仰る通り、フレーム内を全て選択して、ワードに貼り付ける方法が、キャプチャに次いで簡単かもしれません。 その方法を試してみます。 ありがとうございました。