初心者ですがお願いします!
まずタイトルの質問から外れて質問してしまいます。ごめんなさい!!
span#a1 の左右をセンタリングさせたいのですがどう記述すれば良いのでしょうか?
<title>無題ドキュメント</title>
<style type="text/css">
<!--
body {
background-color:#33FFCC;
}
span#a1 {
position:fixed;
bottom:20px;
left:?????
right:?????
background-color:#003399;
}
-->
</style></head>
<body>
<span id="a1"><a href="#"><img src="top.jpg" width="240" height="95" border="0"></a></span>
<table width="480" height="2000" border="1" cellspacing="5" cellpadding="5">
<tr>
<td></td>
<td></td>
</tr>
</table>
</body>
そしてタイトルの質問にいきます!
上記のspan#a1をIE6にも対応させたいのですがいったいどうすれば良いのでしょうか?
スクロールバーやマウスのホイールで、かくつきのなく表示させたいのですが
できますでしょうか?
A 回答 (3件)
- 最新から表示
- 回答順に表示
No.3
- 回答日時:
<head>~</head>の間に以下を記述してください。
<script src="http://ie7-js.googlecode.com/svn/version/2.0(bet … type=" text/javascript"></script>
多分これでいけたような気がする。
この回答への補足
いや!!
できました!!!!
秀丸保存時にスペースが?に変換されていて、それに気づかなかったです。
それを直すと思い通りに出来ました!!!!
感動です!!!!
こんなに簡単だとは、、
もう5時間も悩んでいたことが、、、、
本当にありがとうございます!!!!助かりました!!!!
No.2
- 回答日時:
>センタリング
body{
text-align: center;
}
> position: fixed;
HTML+Timeで可能です。
<style type="text/css">
#menu {
/* Netscape 4, IE 4.x-5.0/Win and other lesser browsers will use this */
/* position: absolute; left: 20px; top: 20px;*/
}
body > div#container div#menu {
/* used by Opera 5+, Netscape6+/Mozilla, Konqueror, Safari, OmniWeb 4.5+, iCab, ICEbrowser */
position: fixed;
}
</style>
<!--[if gte IE 5.5]>
<![if lt IE 7]>
<style type="text/css">
div#menu {
/* IE5.5+/Win - this is more specific than the IE 5.0 version */
right: auto; bottom: auto;
left: expression( ( -20 - fixme.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
top: expression( ( -10 - fixme.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}
</style>
<![endif]>
<![endif]-->
見た目にはJScriptですが、Timeはスタイルシートの中に記述します。
JScript/JavaScriptのsetTimeout()やsetInterval()ではないので動作がカクカクせず、ゆっくり追従させるような手法も取る必要はないです。
自分で保存しているメモ書きからのそのままコピペなので、IDなど適宜調整してください。
CSSのセレクタと、-10や-20の部分だけでいいと思います。
情報源はたぶんMSDNのHTML+Timeのページだったと思います。
詳細ページのURLは忘れたので、適当に探してください。
http://msdn.microsoft.com/en-us/library/ms533102 …
センタリングの
body{
text-align: center;
}
は何故かセンターより右寄りになってしまいました(><)
JavaScriptはIDとか変えてやってみたのですがうまくいきませんでした。
ORUKA1951さんの参考サイトを手本にやってみたのでよろしければアドバイスお願いします!
No.1
- 回答日時:
長くなるので参考サイトを
Internet Explorer 6 with position : fixed
http://hp.vector.co.jp/authors/VA026021/IT/iePos …
IEで固定座標を指定する方法
http://p2b.jp/index.php?UID=1127227173
わたしは、fixedを使わず、absoluteで固定させています。適当な間隔で同じメニューを配置する。
この回答への補足
ありがとうございます!
参考サイトを元に作ってみたのですが
少し近づけましたがセンタリングがうまくいきませんでした。
新しく質問してみましたのでもしよろしければアドバイスお願いします!
http://oshiete1.goo.ne.jp/qa4438891.html
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS ヘッダーの画像にメインエリアがかぶってしまいます 1 2022/11/28 14:06
- HTML・CSS cssの display: flex;で横並びにならずに困ってます 1 2022/12/04 13:18
- HTML・CSS html cssのmargin 5 2022/12/03 11:04
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- HTML・CSS CSSが効かずどのように指定すれば良いか分からないのでアドバイスお願い致します 2 2023/06/07 12:25
- HTML・CSS テーブルタグのセルの幅の一部だけを指定 1 2023/03/12 12:02
- HTML・CSS スクロールすると追従する画像のコードを書いているのですが、追従する画像の大きさの調節が上手くいきませ 2 2022/04/18 12:52
- HTML・CSS アコーディオンメニューが思うように動作しません。 1 2023/08/20 16:48
- HTML・CSS CSS のみのタブ切り替えについて 1 2023/01/11 16:47
- HTML・CSS 下にスクロールしても、追従するボタンのコードを書いたのですが、ボタンの中の画像が半分しか表示されない 1 2022/04/16 21:31
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
html スクロール要素を下から表...
-
★★★フッター最下部固定/スクロ...
-
CSSでdivのheightを動的に
-
チェックボックスの背景色って...
-
フッター上部に謎の隙間
-
textareaで入力した文字を改行...
-
TABLEの高さを固定したいのですが…
-
Ctrl+F(検索)の窓を出したいの...
-
スクロール可能なチェックボックス
-
離れた場所にマウスオーバーで...
-
3点リーダーの作り方
-
MAX関数を使ってからLEFT JOIN...
-
MFCで画像を表示させているので...
-
JavaScriptで変更した属性の元...
-
Gifアニメ、最後のコマに行った...
-
クリックで色変更後に既に変更...
-
createElementが一瞬で消えてし...
-
複数のバナーをリロードする度...
-
デフォルト非表示にしたい。【t...
-
javascriptテキストBOX色を元に...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
CSS <div>の入れ子が反映さ...
-
フッター上部に謎の隙間
-
Ctrl+F(検索)の窓を出したいの...
-
【CSS】floatで左右に並べた...
-
css固定したフッターが本文と重...
-
HTMLですCSSです 画像のように...
-
htmlのstyleのposition:relativ...
-
HTMLですCSSです この画像のよ...
-
Flickity で画像にリンクを貼る...
-
画像の特定の座標にカーソルが...
-
チェックボックスの背景色って...
-
html スクロール要素を下から表...
-
レイアウトが崩れないようにす...
-
スクロール可能なチェックボックス
-
リンクで違うページの指定箇所...
-
オンマウス時に別画像を上に重...
-
フッターの下に隙間ができてしまう
-
スタイルシート(CSS)で、高さ...
-
かなり困っています。知恵を貸...
-
離れた場所にマウスオーバーで...
おすすめ情報