07/03/13 00:16:29
>>484
ごめんなさい。
Explorerで中心揃えにならなかったので、bodyに
［text-align: center;］と指定したのを忘れてました。
そしたらページサイズに合わせて動く様にはなったけど、
センターからずれてしまう様になりました。
ずれるのはIE6です。
496:Name_Not_Found
07/03/13 01:04:18
・・・ごめんますますわかんない
497:Name_Not_Found
07/03/13 07:12:52 AtUyRwKL
overflow:auto;を指定した高さ・幅固定のボックス内に
scriptタグを使用したカウンターを設置しました。
IEで表示すると、そのボックスを上下にスクロールすると
カウンターだけ位置が固まったまま動かず、周りのものだけ何事もなく動きます。
IEのバグですか？
解決策をお願いします。
498:Name_Not_Found
07/03/13 07:37:06
仕様とは思わない理由を言ってみろ
499:Name_Not_Found
07/03/13 07:39:03 AtUyRwKL
>>498
いくつかのカウンターを設置してみたのですが、
同じ現象がおきたので、カウンターのほうの問題ではなさそうだと思いました。
故、IEでのバグか、overflow:auto;の規則に従っていないかと思い
ここで質問しました
500:Name_Not_Found
07/03/13 11:27:28
>>495
再現する最小限のソースをうｐしてみ。
501:Name_Not_Found
07/03/13 12:17:41
>>497
カウンターがJSで位置固定する仕様なら諦めろ。
502:Name_Not_Found
07/03/13 13:00:29
>>482
>#menu {background: url("menu.gif") no-repeat center;
list-style: none; margin: 0 auto; padding: 0;
position: relative; width: 680px; height: 100px; }
#menu {background: url("menu.gif") no-repeat center;
list-style: none; margin: 0; padding: 0;
position: relative; width: 680px; height: 100px; }
503:475
07/03/13 13:25:01 RlRwQ+zF
>>500
>>502
いろいろありがとうございます。
サンプルページを下記にアップしました。
URLﾘﾝｸ(234234.web.fc2.com)
bodyに指定してあるmargin:autoをはずしてもIEでは変わらず、
FireFox等ではセンターに行かなくなりました。
504:Name_Not_Found
07/03/13 14:25:19
>>503
<img id="image1" src="menu.gif" alt="" width="680" height="200" border="0">
これなんのためにあるの？
505:Name_Not_Found
07/03/13 18:33:29
>>503
全体的におかしいなｗ
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<meta http-equiv="content-type" content="text/css">
<meta name="generator" content="Adobe GoLive">
<title>test</title>
<style type="text/css"><!--
*{padding:0; margin:0;}
body{text-align: center;background-color:#FFFFFF;}
#menu {width:680px;height:200px;margin:10px auto 0;background:url(menu.gif) center no-repeat;}
#menu li {float:left;height:100px;width:170px;list-style-type: none;display: block; }
#menu li a {background-image: url("menu.gif");text-indent: -1000em;display: block;width: 100%;height: 100%;}
#menu01 a { background-position: 0 0 }
#menu02 a { background-position: -170px 0 }
#menu03 a { background-position: -340px 0 }
#menu04 a { background-position: -510px 0 }
#menu01 a:hover, #menu01 a:focus { background-position: 0 -100px }
#menu02 a:hover, #menu02 a:focus { background-position: -170px -100px }
#menu03 a:hover, #menu03 a:focus { background-position: -340px -100px }
#menu04 a:hover, #menu04 a:focus { background-position: -510px -100px}
#image1 {text-align:center; }--></style>
</head><body>
<div id="menu"><ul>
<li id="menu01"><a href="menu1.html">メニュー1</a></li>
<li id="menu02"><a href="menu2.html">メニュー2</a></li>
<li id="menu03"><a href="menu3.html">メニュー3</a></li>
<li id="menu04"><a href="menu4.html">メニュー4</a></li>
</ul></div>
</body></html>
506:Name_Not_Found
07/03/13 19:04:39
↑もっと修正できるだろうから
あとは、自分で。
507:Name_Not_Found
07/03/13 20:33:25 he+e+50v
質問させてください。
マージンを指定した<table>内の<caption>要素について、Firefoxにて下記の現象が発生し、解決法がわかりません。
Opera9、IE6では意図したとおりに表示されています。
例のように記述すると、<caption>は上から50px、左から200pxのところに表示され、その下にtableが続くと思います。
しかし、Firefoxでは左上隅に表示されてしまいます。
<caption>のネガティブマージンで調整できるかと思ったのですが、そうすると今度はOperaで思わしくない表示になってしまいます。
<html>
<head>
<style><!--
table { margin-top: 50px; margin-left: 200px; }
table caption { text-align: left; }
--></style>
</head>
<body>
<table>
<caption>キャプション</caption>
<tr>
<th>th01</th>
</tr>
<tr>
<td>td01</td>
</tr>
</table>
</body>
</html>
既出の問題かもしれませんが、よろしくお願いします。
508:Name_Not_Found
07/03/13 21:19:22 /rslkztX
caption{
display: block;
}
やればなおるかな？
509:507
07/03/13 22:18:57
>>508
レスありがとう！
<caption>に display:block; やってみたけど、なぜか左端列と同じ幅になってしまった。
（例では1列の表組みでしたが、実際は複数列です）
width指定してるわけでもないのに、なんでだろう…。
と思ってたところ、<table>に display:block; で思い通りの表示になりました。
なぜこれで解決するかはわかっていませんが。
510:Name_Not_Found
07/03/13 22:35:25
caption辺りは何気にバグ多いな
511:Name_Not_Found
07/03/13 23:28:48 YO4qu3ol
HTMLのテーブルでガントチャートみたいなものを作っていますが、
任意の箇所に、今日の日付を意味する縦線を入れたいのですが、
実現可能でしょうか。
CSSなのかHTML、JSなのかよくわかりませんが、こちらに質問しました。
512:Name_Not_Found
07/03/13 23:53:20
わからないのにここで聞かないで下さい。
513:475
07/03/14 00:56:27 0R7y9KzO
>>504
その画像と上のメニューがずれてしまう原因を知りたいと思ったので入れました。
>>505
>>506
とてもすっきりしていて、余計なところが如何に多かったのかと恥ずかしくなります。
違う部分を比較して、理解できるようがんばってみます。
本当に助かりました。
ありがとうございます。
514:Name_Not_Found
07/03/14 00:57:42
>>507
それは仕様の違い。
Fx用にはcaptionのほうにマージン設定汁。
>>511
日付を意味する縦線が何かわからん。
515:Name_Not_Found
07/03/14 07:57:40
日付を意味する縦線＝スラッシュ？
2007/03/14