• ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:マックのユーザーにリンクが開かないと言われた)

マックのユーザーがリンクが開かないと言われる問題の解決策は?

このQ&Aのポイント
  • マックのユーザーからリンクが開かないと指摘された問題の解決策を探しています。自分のHPにボタンを設置し、別のページへのリンクを張っていますが、最近リンクが開かなくなったとのことです。CSSに問題があるのでしょうか?解決策が分からず困っています。
  • マックのユーザーからリンクが開かないという指摘を受けています。自分のHPにはボタンがあり、そのボタンから別のページへのリンクが張られていますが、最近リンクが開かないとのことです。CSSを独学で使用しているため、何か問題があるのかもしれませんが、解決策が見つかりません。
  • 自分のHPにボタンを設置し、マックのユーザーからリンクが開かないとの指摘を受けています。CSSを独学で使用しているため、どこかに問題があるのかもしれませんが、具体的な解決策が分からず困っています。ボタンの作り直しも考えていますが、それが解決策となるかはわかりません。助言やアドバイスをお願いします。

質問者が選んだベストアンサー

  • ベストアンサー
回答No.5

レイヤーが重なってしまっています。 OperaとSafariは見てませんが、たぶんクリック出来ないかと。 Macユーザーからしか指摘されなかったのは、WindowsユーザーにIE以外のブラウザを使っている人がいなかったからではないでしょうか。 common_style_June06.cssのli.navbarのfloat:rightを消して、#topにfloat:rightとwidthを指定するとか、 #topと#top2にposition:relativeを追加して、#topをz-Index:2で前に出して、#top2をz-Index:1にするとか、 #topと#top2だけじゃない、いろんな部分がカランでそうな、、、 (なので、対処方法もたくさんあると思います) ウインドウサイズの横幅を小さくしたり、エクスプローラーバー(サイドパネル・サイドバー)を表示してみて、どういう風に表示されるか、見てみた方がいいんじゃないでしょうか。

keko_chan
質問者

お礼

talooさん。 なおりました。 本当に、本当に、ありがとうございました。 旅に出ていたので、帰ってきてから、なおしました。 li.navbar と、#topの両方に、"float:right”が入っていたのが良くなかったことがわかりました。 あと、ネットスケープで自分のサイトを見たら、確かに、ボタンが使えなくなっていました。で、問題の箇所を訂正したら、ネットスケープでも見れたので、多分、修正はうまくいったと思います。 私的には、良回答として100点くらい差し上げたいくらいです。

すると、全ての回答が全文表示されます。

その他の回答 (4)

回答No.4

ホームページビルダーをつかっていませんか。 あれはWinIE専用しか作れません

keko_chan
質問者

お礼

そんなに簡単なものではなく、自己流で使ってみたスタイルシートが問題でした。でも、なんとか直すことできました。 考えていただいて、ありがとうございました。

すると、全ての回答が全文表示されます。
回答No.3

再び#1です。 どうやら・・・ /* common_style_June06.css */ #top { right: 0; top:0; float:right; width:97%; /*注目*/ min-height:1.5em; margin:0 ; padding:0; font-family: arial; background-color:red; /*実験用背景色*/ ;} #top2 { position:relative; right: 0; width:97%; /*注目*/ height:1em; margin:0; padding:0; ;text-align: right; font-size:11pt; color: #666666; background-color:blue;/*実験用背景色*/ ;} と背景入れてみるとわかるのですが 背景が赤ではなく青で埋め尽くされることがわかります。 floatを用いても良かったのですが, 問題は >width:97%; コレだと思います。両者の合計が100%以下になるように調整してあげると上手く行くんじゃないかと思います

keko_chan
質問者

お礼

himajin100000 さん 調べていただいて、ありがとうございました。 原因は、やっと解明することができたみたいです。 見よう見真似でCSSを作ったので、原因がわからなくて、泣きたかったけど、なんとかなりました。 なお、"width:97%"としたのは、100%にすると、下にスライドバーが現れるためです。

すると、全ての回答が全文表示されます。
回答No.2

#1です。 撤回します。何か自分が理論を勘違いしているみたい。

すると、全ての回答が全文表示されます。
回答No.1

WindowsXP + Minefield(Firefox 3.0a5pre)で再現しました。 CSSに記述を追加して問題が解決できていることも確認できていますが 解説に相当する回答を見つけてきますので今しばらくお待ちください ([後の回答者向け解説]cssの#topで指定されているfloatによって高さが0にされている問題。widthが指定されているためoverflowをhiddenにすれば問題は解決する。 #top{がネストしてたけど関係ない)

すると、全ての回答が全文表示されます。

関連するQ&A