フレームを使わずに、overflowの代わりとなるタグ
- スタイルシートの「overflow」を使うと、MacのIEやOPERAでは表示が崩れたり、非表示になってしまいます。「overflow」の代わりになるようなタグはないでしょうか？
- 似たようなもので、http://oshiete1.goo.ne.jp/kotaeru.php3?q=1216651があります。これを使って解決しようと思えば出来るのですが…
- コチラのサイトの左上にあるフレームのようなことがしたいのです。ソースを見ましたが、イマイチ私にはわかりませんでした。
- ベストアンサー
フレームを使わずに、overflowの代わりとなるタグ。
さっそく質問させて頂きます。 スタイルシートの「overflow」を使うと、MacのIEやOPERAでは表示が崩れたり、非表示になってしまいます。「overflow」の代わりになるようなタグはないでしょうか？ ちなみに、似たようなもので http://oshiete1.goo.ne.jp/kotaeru.php3?q=1216651 があります。これを使って解決しようと思えば出来るのですが… http://www.thekeiichi.com/ コチラのサイトの左上にあるフレームのようなことがしたいのです。ソースを見ましたが、イマイチ私にはわかりませんでした。 ご存じの方がいらっしゃたら、お手数ですが御指南願います。
- HTML
- 回答数1
- ありがとう数2
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
<head> <style type="text/css"> <!-- #LocalUpdate { border: 1px solid #C9C9C9; width: 200px; height: 5em; overflow: auto; } li { list-style-type: disc; margin-left: 24px; } --> </style> </head> <body> <ul id="LocalUpdate"> <li>aiueo</li> <li>kakikukeko</li> <li>sasisuseso</li> <li>aiueo</li> <li>kakikukeko</li> <li>sasisuseso</li> <li>aiueo</li> <li>kakikukeko</li> <li>sasisuseso</li> <li>aiueo</li> <li>kakikukeko</li> <li>sasisuseso</li> </ul> </body> うちにはMacがないので、確かめられないんですけど。 二つ目のサイトを参考に作ってみました。 ポイントは、overflowは使われいましたがscrollではなくautoにして、heightを指定するところじゃないかと思うんですが、これでも崩れてしまいますか？ liのマーカーが必要ない時はcssのliの項目を消して下さい。 その場合はul,liを使わず他のタグでもできると思います。
関連するQ&A
- 教えてgoo,フレームからはみ出すのはなぜ？
題目通りなのですが、一部フレームからはみ出すのはなぜ？なのでしょうか。 私が回答した質問を見てください。 http://oshiete1.goo.ne.jp/kotaeru.php3?q=197324 はみ出しております。
- ベストアンサー
- その他（インターネット・Webサービス）
- swfをoverflow: hiddenできない
HTMLカテゴリに登録しましたが、CSSの質問です。 divタグの大きさをCSSでwidthとheightで指定し、overflow: hiddenの設定をしました。 ここでdivタグ内に文書を書き、それがCSSで指定したdivタグのサイズ（範囲）を超えてしまった場合、はみ出た部分はoverflow: hiddenにより見えなくなります。 画像でも同様だったのですが、何故かFlash（swfデータ）はIE以外のブラウザ（NN、Firefox、Operaなど）で見たところ、overflowが効いていません。隠したい部分も見えてしまいます。なぜなのでしょうか？ ソースは以下になります。 <?xml version="1.0" encoding="utf-8" ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/xhtml1/xhtml1-transitional/"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <style type="text/css"> <!-- #clip { border: 1px solid blue; width: 500px; height: 100px; overflow: hidden; } //--> </style> <title></title> </head> <body> <div id="clip"> <embed src="flash.swf" width="500" height="250" /> </div> </body> </html> お分かりのように、本来はheight=250pxのswfをheight=100px分だけ表示したいのです。
- ベストアンサー
- HTML
- フレームの際のHTMLタグ表示について
ホームページを新たにフレーム式に作成しました。 ページの表示には問題が無いのですが、 何故か、右側のメインのページのHTMLタグがソースで すべて表示されています。 通常フレームの場合のタグは見えなくなりますよね。 （御覧になるにはフレームが読み込めるブラウザーが必要です・・・とかの表示で） OSはウインドウズME ブラウザーはIE5.5 ホームページビルダーによって作成しました。 普通のフレームのページのようにタグが見えないように したいのですが、何が間違えているのか、問題なのか わかれば、是非お教えください。よろしくお願いします。
- ベストアンサー
- HTML
- HP作成についてフレームのタグ
初めまして、現在新たにHPを作成している者です。 フレーム表示のHPを作ろうとしているところなのですが…。 （左側にコンテンツ表示、右側にその内容といった基本的なものです） コンテンツをクリックしても右側に表示されず別窓が開いてしまって困っています。 <a href="○○○.html" target="■■">リンクテキスト</a> というタグを入れるということは理解しています。 フレームに予め名前をつけて■■の部分に入れるということもわかっているのですが… このようにしてもなぜか右側に表示されず別窓が開いてしまいます。 <frame src="○○.html" name="■■">として、右側のフレームに名前をつけていますが…どこか間違えてしまったのでしょうか。 なにぶん、まだまだ初心者の域を出ていませんので拙いですが この原因に心当たりなどある方はご指南頂けると助かります。 あと、HP作成は＜フロントページ＞と＜FFFTP＞を利用しています。
- ベストアンサー
- HTML
- ソースの見えるフレームは擬似フレームですか？
HTMLを勉強しているので、 暇があると色々なページのソースを見ています。 そこで気づいたのですが フレームページはソースを表示させると 大元のフレームソースしか表示されませんよね？ でも一見、フレームのような作りでも 普通にメイン画面のソースが表示されるページも あるようです。メニュー側でソース表示すると そちらもきちんと見えます。 例えば・・・ http://www.solon-saga.jp/ ソースにJavaScriptの記述がありますが、 こうしたページは擬似フレームになるのですか？ それともindex.htmなどをフレームにしてページをいれ、 通常どおりフレームセットを作りながら何かの方法で 普通にソースを表示させる方法などがあるのですか？ DynamicHTMLやスタイルシートなどもチラッと 調べてみたのですがいまいち判りません。 よろしくお願いします。
- 締切済み
- その他（インターネット・Webサービス）
- WINで使うCSS、MACで使うCSS
先程、OMRONと同じCSSで作りたいと、こう言う質問(http://oshiete1.goo.ne.jp/kotaeru.php3?q=1500655)をさせて頂いた者です。 これは適当にソースをいじっていたら出来ました。 しかし、また問題にぶち当たったのです。 Windowsでは表示されるものの、Macintoshでは表示されません。 これは例えばMac用のCSSがあるのでしょうか？ それともmetaタグか何かは分かりませんが、そう言うものでユーザ側のPCを識別しているのでしょうか？ どなたかご教示頂けると幸いです。
- ベストアンサー
- その他（プログラミング・開発）
- フレームセットのリンクを変更するCGI
フレームセットを利用していると直リンクされると、レイアウトが崩れて嫌なので普段はJavaScriptで <body onLoad="if (top == self) { location.replace('index.html') };"> このタグで強制的にフレームセットのページであるindex.htmlにリロードしています。 でも、この場合だとindex.htmlにフレーム設定をしているA.htmlとB.htmlしか表示できません。 これを、直リンクされた場合に強制的にindex.htmlに飛んで、さらにフレームセットのページをA.htmlとC.html(直リンクされたページ)に変更させたいのです。 index.htmlを表示させた後、C.html(直リンクされたページ)のアドレスを取得してフレームセットを書き直すCGIなのだと思いますが、このようなCGIのフリーなどありましたら教えてください。 JavaScriptとCGIの混合技らしいので、JavaScriptカテゴリにも書き込んでおります。 http://oshiete1.goo.ne.jp/kotaeru.php3?q=745359
- ベストアンサー
- CGI
- ランダムなフレームに飛ばしてループさせたい
フラッシュ初心者です。 過去の質問を拝見したのですが、それを利用しても 思うようにいかず困っているので質問をさせて下さい。 制作中のページにバナー広告を貼ろうと思っています。 そのバナーは5枚あり、1～4枚までは4秒、5枚目だけを 6秒表示させたく、かつ、それをいつでもランダムな順番で表示させたいと思っています。 一巡してもまた違う順番で、そのページが表示されている限り、回っていて欲しいのですが。。。 こちらの方のを利用させてもらったのですが （http://oshiete1.goo.ne.jp/kotaeru.php3?q=2225220）表示させる秒数を異なるようにしたいためか、うまくいきません。 シーン1のレイヤー１の１フレーム目に 上記で書かれているものを書き、 シーン1のレイヤー2・2から3フレームにボタン1、 シーン1のレイヤー2・4から5フレームにボタン2、 （同じくボタン4まで続き）、 シーン1のレイヤー2の10から14フレーム目にボタン5を 配置しています。 （0,5fpsにしています） ボタンにはそれぞれリンクのスクリプトをつけています。 全部秒数を同じにする動きはうまくいったのですが、 1枚だけ異なるようにする点でてこずっています。 本当に初心者で申し訳ありません。 どなたか、教えていただけないでしょうか、 宜しくお願い致します。
- 締切済み
- Flash
- 「フレームのような」ページを作りたいです。本を教えてください。
現在、サイトを、 「左にメニューがあり、それをクリックすると右に内容が表示される」＝「フレーム」 でページを作っています。 同じことを「フレームなし」でやりたいのですが、（「スタイルシート」と思って勉強したのですが）それだけでは足りなそうです。 「メニューを複数のファイルで共有する」ことが必要です。 「スタイルシート」だけでは、メニューの共有ができないため、内容が変わるとすべてのページのメニューを変えないといけないのです。。。 質問1：フレームに似た画面で、フレームなしでサイトを作って、 「メニューを複数のファイルで共有する」ためには「XML」が必要なのでしょうか？ それとも別の何かを勉強するべきでしょうか？ http://oshiete1.goo.ne.jp/kotaeru.php3?q=973217 が同じ質問なのですが、「XML」自体 全くの初心者なので、これを見たところでなにをどうすればよいのか 全くわかりません。 質問2：「左にメニューがあり、それをクリックすると右に内容が表示される」＆「メニューを共有」 できるページを作るのに必要なことが載っているパソコン本がありましたら 書名・出版社などを教えていただけますか？ 「XML」「Pearl」ともに 全く知りませんが、必要な勉強ですので、本を探して取り組みます。 よろしくお願いいたします！ p.s.「ssi」という友人の意見もあったのですが、サーバーのルールで ファイルの拡張子を「shtm」にしないといけなくて そうすると ロボット検索にひっかからなくなるので 無理でした。
- ベストアンサー
- XML
お礼
お早いお返事、ありがとうございます。 さっそく上記を参考にしてみたとこと、バッチリうまくいけました。ありがとうございます。 私もはじめはscrollに設定していたのですが、後にautoにし、さらにheightを指定していたのですが、それでも崩れてしまっていました。何か他にポイントがあったのかもしれません。何にせよ無事HP制作が出来ました。 お忙しい中ありがとうございました。