はてなダイアリーのスタイルシートのカスタマイズについて、教えて下さい。はまぞう「レビューを書く」で書いたレビュー一覧のページを、日記本体デザインとは別のレイアウトをするには、どうしたら良いのでしょうか?こんなことになっています。↓

http://d.hatena.ne.jp/YOW/asinreviewlist
h1、h2、本文がヘッダテーブルまで迫り上がってるのを、何とかしたいのです。
これは日記本体のスタイルシートでは、日記設定のタイトル画像の上にh2が乗るように、マイナスの数値でレイアウトされているのをASINレビューリストでも継承されてるため、ということなのですが。
よろしくご教授下さいませ。

回答の条件
  • 1人2回まで
  • 登録:
  • 終了:2006/05/12 05:44:05
※ 有料アンケート・ポイント付き質問機能は2023年2月28日に終了しました。

ベストアンサー

id:Yuichirou No.1

回答回数112ベストアンサー獲得回数36

ポイント100pt

レビュー一覧ページで日記本体とは別のデザインをすることは、現状難しいです。

しかし、今回はレビュー一覧ページで「タイトル画像」が表示されないのが原因なので、その「タイトル画像」の有無を逆に利用すれば解決できます。


具体的には、以下の設定を追加してください。

h1 img { margin-bottom: -140px; }
div.hatena-body { margin: 0 2% 0; }

(2行目の設定は既存のmargin設定に上書きしてください)

そう、ネガティブマージンを「タイトル画像」自体に設定すればいいのです。こうすればタイトル画像の表示されないページでは被せが起こりませんよね。

id:YOW

わ!わ!すごい。ちゃんとなりました!

h1 imgかー、こういう発想は全然無かったですねえ。。

訊いて良かった人力検索。

どうもありがとうございました。

2006/05/12 03:21:43

コメントはまだありません

この質問への反応(ブックマークコメント)

トラックバック

  • 教えて厨への酬いかも… 十三乙女漂流記 蠅の女王 2006-05-11 18:26:42
    人力検索で先程質問したのですが。 question:1147338600 はてなダイアリーのスタイルシートのカスタマイズについて、教えて下さい。はまぞう「レビューを書く」で書いたレビュー一覧のペー
「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

回答リクエストを送信したユーザーはいません