http://dca-labo.info/demo8/
上記サイトの各カテゴリーのリンク(お得情報、おすすめ等)をクリックすると各カテゴリーの一覧のページにリンクされていきますが
http://dca-labo.info/demo8/?p=362
上記のような投稿ページの各カテゴリーのリンクが有効になっていないというかリンクが貼られていない状況です。
上記問題を解決する為にはどのような対応が必要でしょうか。
ご教授お願い致します。
No.1 でパパトモさんが書かれているように、記事を囲んでいる DIV#primary が右側に被さっているから、リンクを押せないのですが、#primary の内側にも margin が散らしてあり、幅を縮めるのは、結構、骨が折れそうです。
これから先に行うスタイルの調整に課題を残すかもしれませんが、右側のサイドバーに対して position: relative; を指定するのはどうでしょうか。
#secondary { float: right; margin-right: 5%; width: 30%; position: relative; /* ★ これを追加 ★ */ }
とりあえず、リンクは押せるようになると思います(Firefox でしか試してませんが)。
div id="primary" のボックス要素が、右側に大きくはみ出て、右側カテゴリーのメニューに覆いかぶさっているのが原因です。
その証拠に、キャンペーン・プレゼントやバーゲン・セールなど長い名前の後ろの方をクリックする事は可能です。なぜなら、div id="primary" のボックス要素が、そこまでかぶさっていないからです。
cssを見直せば直ります。
No.1 でパパトモさんが書かれているように、記事を囲んでいる DIV#primary が右側に被さっているから、リンクを押せないのですが、#primary の内側にも margin が散らしてあり、幅を縮めるのは、結構、骨が折れそうです。
これから先に行うスタイルの調整に課題を残すかもしれませんが、右側のサイドバーに対して position: relative; を指定するのはどうでしょうか。
#secondary { float: right; margin-right: 5%; width: 30%; position: relative; /* ★ これを追加 ★ */ }
とりあえず、リンクは押せるようになると思います(Firefox でしか試してませんが)。
ありがとうございます。解決しました。
ありがとうございます。解決しました。
2013/06/21 20:01:38