- ベストアンサー
position: fixed;を代用できる物
position: fixed;を代用できる物を教えてください ブログパーツのスクリプトをウィンドウに固定したいです IEでもFirefoxでposition: fixed;を使用した時と同じ効果が欲しいです よろしくお願いします
- tekito-MAX
- お礼率70% (24/34)
- HTML
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
使ったことはありませんが、 http://www.doxdesk.com/software/js/fixed.html などはどうでしょうか？ ヘッダで読み込めばいいだけみたいです。 詳しくは fixed.js で検索するといろいろ出てくるので、そちらを参考にして下さい。
関連するQ&A
- position
<DIV style="position:fixed; top:0px; right:0px;"> <img src=""> </DIV> （※一部詳細略） 画像は表示されますが、IE7.0 と Firefox3.0 とでは全く表示位置が違います。 Firefox では思ってる通りウィンドウの右上に常に表示され、 IE では固定されないどころか、左上になってしまいます。 どうすれば IE でも思い通りに表示されるのでしょうか？よろしくお願いします。
- 締切済み
- その他（プログラミング・開発）
- ＩＥ６などでposition:fixedのように固定する方法
二つの画像を<div style="position:fixed; bottom:0px; left:0px;">と<div style="position:fixed; bottom:0px; right:0px;">で下のすみにそれぞれ表示していたのですが、IE6で正常に表示されないことに気づきました。 IE6などサポートされていないブラウザでも表示するにはどうすれば良いでしょうか。 また右下の画像は外部scriptを読み込んでランダムに表示していて、できればそのままその機能を使いたいのですが・・・ 使用しているscriptは↓です。 var imglist = new Array( "01.gif", "02.gif" ); var selectnum = Math.floor((Math.random() * 100)) % imglist.length; var output = "<img src=" + imglist[selectnum] + ">"; document.write(output);
- ベストアンサー
- レンタルサーバ・ASP
- css position:fixed でヘッダとフッタを固定したい
画像のようなページを作りたいと思っています。 使用するのはテキストエディタで、htmlとcssのみです。 cssで、 #header{ background-color: #cc99ff; position:fixed; top : 0; left : 0; width:100%; height:55px; z-index:3; } #inner {background-color: #cc9900; margin: 0em 3em 3em 3em; padding: 1em; width:90%; height:90%; z-index:1; border-top:solid 2px #004427; border-bottom:solid 2px #004427;} のように書いても、IE、firefoxともに固定が無視されます。 これ以外にも、少々書き方を変えたり色々してみたのですが、固定はされても位置が崩れる（ほとんどが、ヘッダが下がって来ます。）等、上手く行きません。 原因も分からず、解決策が見つかりません。 良い方法等、お教え下さい。 よろしくお願い致します。
- ベストアンサー
- HTML
- IEとFirefoxでは、position:fixedのせいでボックスレイアウトが違う
IE(6,7)とFirefox(2.0.0.14)で検証しながらページを作成しています。 （OSはWinXP, モニタ解像度は1024x768です。） 下記ソースをIEで開くと希望通りの表示になるのですが、Firefoxではメニューブロックと本文ブロックが重なってしまいます。 メニューブロックに設定した position:fixed を削除すると、両ブロックがIEと同様に並んでくれるのですが、画面をスクロールしてもメニューを固定表示させたいので諦めきれません。 SEO対策のため、本文ブロックを先に記述してfloat:rightで右に表示し、左側にメニューブロックを回り込ませるようにしているのですが、そのあたりのやり方も何か間違っているのでしょうか？ 有識者の皆様のご指南よろしくお願いいたします。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <style> html {height : 100%;} body {margin : 0; padding : 0; height : 100%; background : gray;} #container {margin : 0 auto; width : 80%; height : 100%; min-height : 100%; background : white;} body > #container {height: auto;} #menu {position : fixed; margin : 0; width : 29%; height : 100%; min-height : 100%; background : yellow; filter : alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;} #contents_wrapper {float : right; margin : 0; width : 70%; height : 100%; min-height : 100%; background : pink;} </style> </head> <body> <div id="container"> <div id="contents_wrapper"> 本文エリア </div> <div id="menu"> メニューエリア </div> </div> </body> </html>
- ベストアンサー
- HTML
- クロスバイクのアジャスター部分の代用品を教えて
下さい。 調整したいのですが肝心のアジャスターのストッパー(黒いプラスチック部分)みたいな物が途中で割れていて回しても固定してくれません・ 何か代用出来る物(固定出来るパーツになる物)が在れば教えて下さい。 写真を載せますのでご教授願います。
- ベストアンサー
- 自転車・マウンテンバイク
- IE以外のブラウザで背景を固定させる方法
スタイルシートで、ブログのタイトル部分の背景を固定しています。 IE6.0では画像が表示されるのですが、NetscapeやFirefoxでは表示されず、指定してある背景色だけになってしまします。 #title {background: #000 url("画像のURL") no-repeat; background-position:top;background-attachment : fixed;} このように記述していますが、IE以外のブラウザで表示させるにはどのようにすればいいのでしょうか。
- ベストアンサー
- ブログ
- IEでのポップアップ画像の位置「fixed」
オンマウスでポップアップする画像を、左上に固定したいのですが、 HTMLとCSSだけでは難しいのでしょうか？ HTMLとCSS以外の知識はほとんどありませんので、なんとかこの2つでとも思っているのですが… firefox・googleChromeでは下記のCSSで左上でポップアップ画像が固定されています。 IE8で確認したところ、どうしても画像の下に出てしまいます。 .thumbnail{ z-index: 0; font-size:12px; } .thumbnail:hover{ background-color: transparent; z-index: 50; } .thumbnail span{ position: absolute; background-color: #FFFFFF; padding: 5px; left: 10px; border: 1px dashed gray; visibility: hidden; color: black; text-decoration: none; } .thumbnail span img{ border-width: 0; padding: 2px; } .thumbnail:hover span{ visibility: visible; position: fixed; top: 10px; left: 10px; } ご教授いただければと思います。
- ベストアンサー
- CSS
- CSSで、ヘッダー、フッター、左カラムメニュー、の3要素をpositi
CSSで、ヘッダー、フッター、左カラムメニュー、の3要素をposition:fixed;（もしくは同じような動作でも可。）を実装しているサイトをご紹介いただけないでしょうか。 対応ブラウザはIE6です。 自分でも作ってみているのですが、IE6だと、 ウィンドウをリサイズした時にposition:fixed;した要素がずれたままだったり、 ウィンドウからはみ出したりしてしまいます。 多少のガタつきは許容できるのですが。。 css、、expression（ie独自機能の。）、javascriptと試しましたが万策尽きました。。 何卒、よろしくお願いします。
- ベストアンサー
- HTML
- background-positionが効かない？
seesaaブログでcssをカスタマイズしています。 背景に右上固定で細長い画像を使用したくて bodyタグ内に background-image: url( ); background-repeat: no-repeat; background-position: right top; を記述しました。 すると画像は表示され、リピートもされないのですが、 画面の真ん中あたりに1回表示されるだけで position指定が効いていません。 数値やパーセンテージを入れても変化ありませんでした。 positionだけ効かない、何か思いつく理由はありますでしょうか？
- 締切済み
- ブログ
- IE以外のブラウザで、背景を固定させる方法
まったく同じタイトルで、質問されているカタがいらっしゃいましたが、回答を読んでも分からなかったので質問させていただきます。 MS FrontPage 2000でHPを作ったのですが、IEではうまく背景固定がされるのですが、Firefoxでは、背景固定ができず、スクロールすると背景が動きます。 HTMLの部分を見ると、 <body bgcolor="#FFFFFF" text="#000000" background="bear.jpg" bgproperties="fixed" background-attachment:fixed > と言う記述があり、この部分がカギになっているようなのですが、どう変えれば、IEでもFirefoxでも固定されて表示されるのか分かりません。お教えいただけないでしょうか？
- ベストアンサー
- その他（インターネット・Webサービス）
お礼
思い道理の事ができました ありがとうございました。