プロが教えるわが家の防犯対策術!

初心者ですがお願いします!

まずタイトルの質問から外れて質問してしまいます。ごめんなさい!!
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件)

<head>~</head>の間に以下を記述してください。


<script src="http://ie7-js.googlecode.com/svn/version/2.0(bet … type=" text/javascript"></script>

多分これでいけたような気がする。

この回答への補足

いや!!



できました!!!!



秀丸保存時にスペースが?に変換されていて、それに気づかなかったです。
それを直すと思い通りに出来ました!!!!
感動です!!!!
こんなに簡単だとは、、
もう5時間も悩んでいたことが、、、、
本当にありがとうございます!!!!助かりました!!!!

補足日時:2008/10/29 16:05
    • good
    • 0
この回答へのお礼

<head>~</head>の間に入れたのですが、反映されないです(><)
この問題、簡単なようでかなり難しいですね!!

お礼日時:2008/10/29 16:00

>センタリング


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 …
    • good
    • 0
この回答へのお礼

センタリングの
body{
text-align: center;
}
は何故かセンターより右寄りになってしまいました(><)

JavaScriptはIDとか変えてやってみたのですがうまくいきませんでした。
ORUKA1951さんの参考サイトを手本にやってみたのでよろしければアドバイスお願いします!

お礼日時:2008/10/29 15:59

長くなるので参考サイトを


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

補足日時:2008/10/29 15:58
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!