http://d.hatena.ne.jp/YOW/asinreviewlist
h1、h2、本文がヘッダテーブルまで迫り上がってるのを、何とかしたいのです。
これは日記本体のスタイルシートでは、日記設定のタイトル画像の上にh2が乗るように、マイナスの数値でレイアウトされているのをASINレビューリストでも継承されてるため、ということなのですが。
よろしくご教授下さいませ。
レビュー一覧ページで日記本体とは別のデザインをすることは、現状難しいです。
しかし、今回はレビュー一覧ページで「タイトル画像」が表示されないのが原因なので、その「タイトル画像」の有無を逆に利用すれば解決できます。
具体的には、以下の設定を追加してください。
h1 img { margin-bottom: -140px; } div.hatena-body { margin: 0 2% 0; }
(2行目の設定は既存のmargin設定に上書きしてください)
そう、ネガティブマージンを「タイトル画像」自体に設定すればいいのです。こうすればタイトル画像の表示されないページでは被せが起こりませんよね。
わ!わ!すごい。ちゃんとなりました!
h1 imgかー、こういう発想は全然無かったですねえ。。
訊いて良かった人力検索。
どうもありがとうございました。