WEB相談室

Webページ作成に関しての何でも掲示板です。

タイトル:表示がずれるのは何故?

0:[投稿] さる吉 [2003/03/26 19:28 ][環境:IE6,WIN2000 コバルト?]

はじめて投稿します。
実は、下記のページを作っているのですが
「top」と「RaceSchedule」を交互にクリックすると
表示が少しずれて表示されるのです。
一体何が原因で表示のずれが出てくるのでしょうか?
皆様のお知恵をお貸しください!よろしくおねがします。

http://www.doride.org/index2.htm


1:[回答] ちゃいぱ [2003/03/31 13:15 ]

後れ馳せながら、今は、大丈夫のようですね。


2:[回答] さる吉 [2003/03/31 21:48 ]

ちゃいばさん
はじめして。

このような質問に答えて頂き感謝です。

>後れ馳せながら、今は、大丈夫のようですね。
ところが・・まだですね
何度か「top」と「RaceSchedule」を交互にクリックすると
位置ずれが起きるんですよ。
なんでしょうかね???


3:[回答] chintara [2003/04/01 14:51 ]

手元のNetscape、Operaではずれませんでしたが、IEでは確かにずれました。
ただリロードすると直るので、IEのレンダリングの問題のように思えます。

対応策ですが、body要素のmargin・paddingを0にするのはいかがでしょうか。

<style type="text/css"><!--
body {  margin: 0; padding: 0}
.main_bc {  background-attachment: fixed; background-repeat: no-repeat}
.txt {  font-family: "MS Pゴシック", "Osaka"; font-size: 9pt; line-height: 12pt; color: #666666; text-decoration: none}
--></style>

手元のIEで確認したところでは、ずれが起きなくなりました。


4:[回答] のぐりん [MAIL] [2003/04/01 15:51 ]

ソースは見ていませんが、「RaceSchedule」をクリックしたときに、「What's DoRide」と「RaceSchedule」の隙間が広がっているように見えます。
ここらへんのCSSの位置指定などに見てみてはいかがでしょう。


5:[完了] さる吉 [2003/04/01 17:13 ]

chintaraさん のぐりんさん
回答ありがとうございます。

chintaraさんが指摘していただいた
body要素の部分を0にしてみた所、
おおおおおおっ!ずれなくなりました!!!多謝です。
すごーく悩んでいて、頭がウニになりそうでした…
ありがとうございます。

のぐりんさん
>「What's DoRide」と「RaceSchedule」の隙間
これですね…恥ずかしい話ですが適当にタブの部分を作成してしまい
隙間が左右で違うようになりました…スミマセン

皆さんのおかげで無事に解決した事を感謝します。
ありがとうございます。

回答(必須): 状態:

お名前(必須):

e-mail:

URL:




[戻る]

ChaichanPAPA's World